web-development-kb-ko.site

어떤 유용한 북마크를 사용합니까?

나는 사용한다:

당신?

32
Tal Galili

아마도 가장 많이 사용하는 것은 Show Anchors 입니다. 직접 링크 할 수있는 페이지의 모든 요소 옆에 앵커 아이콘이 표시됩니다.

어리석은 것처럼 들리지만 누군가 웹 사이트의 특정 섹션을 참조하려는 경우 매우 유용합니다. 그리고 사이트 소유자가 앵커 링크를 어디에 넣었는지 파악하는 것보다 훨씬 쉽습니다 (처음에 한 경우).

25
Senseful

킥 엉덩이

http://erkie.github.com

GitHub 에서 이것을 찾았습니다. 재미 있고 내 마음을 없애고 제거하는 것을 좋아합니다!

15
Muhammad Usman

나중에 읽기 (나중에 읽기위한 표시 페이지 InstaPaper )

15
Jon Hadley

긴 URL을 입력하십시오

페이지에서 가장 단축 된 URL을 다시 작성하여 어디로 이동하는지 보여줍니다.

12
Tom Savage

SuperGenPass 를 사용하여 방문한 사이트의 고유 비밀번호에 마스터 비밀번호를 해시합니다 (해시는 도메인을 기반으로 함). 매우 편리합니다.

7
cherrypj

TinEye bookmarklet 웹 페이지에서 이미지의 다른 소스를 찾는 데 사용됩니다.

6
Greg Bray

BugMeNot 강제 등록이 필요한 웹 사이트 로그인 및/또는 개인/인구 정보 수집 (예 : New York Times)을 신속하게 무시합니다.

6
Greg Bray

Quix : http://quixapp.com

이것은 웹의 Quicksilver 와 비슷합니다. 웹 개발에 매우 ​​유용합니다. 검색 창으로 사용하여 주소 표시 줄을 명령 줄로 바꾸려면 Chrome 구성 을 사용할 수도 있습니다.

4
Tom Savage

StackPrinter bookmarklet을 사용합니다. 프린터와 같은 방식으로 Stack Exchange 질문 (이와 같은)을 인쇄 할 수 있습니다.

javascript:(function(){var re = new RegExp('^http://(.*?)\.com/questions/([0-9]+)/');var group = re.exec(window.location.href);if (group!=null){var service = group[1];var questionid=group[2];window.open('http://www.stackprinter.com/export?format=HTML&service='+service+'&question='+questionid)}else{alert('Attention: question id not found!')}})()
4
systempuntoout

jQuerify 는 내가 살 수없는 북마크입니다. 페이지의 스크립트 목록에 jQuery를 추가합니다 (필요한 경우). 다른 작은 북마크를 작성하는 것이 훨씬 덜 고통 스럽습니다!

3
Goyuix
  1. 나중에 읽기 (페이지를 InstaPaper 로 보냅니다)
  2. 클립으로 Evernote (페이지를 Evernote 메모로 저장)
  3. 가독성
3
Mike Richardson
3
chanchal1987

다음은 모든 Stack Exchange 사이트에 대한 내 책갈피입니다.

이 코드는 사용자 페이지의 최상위 태그 섹션에 나타나는 모든 태그의 투표 수를 보여줍니다. 그것은 로그인 한 모든 스택 교환 사이트에서 작동해야하지만 스택 오버플로 및 메타 스택 오버플로에서만 테스트했습니다. 불행히도 태그 동의어 리디렉션 로직의 버그 이 스크립트가 태그 동의어와 작동하지 못하게합니다.

javascript:var uP=$('#hlinks-user a:eq(1)')[0].href;var uN=uP.replace(/.*\//gi,'');var uI=uP.replace(/.*\/([\d]+)\/.*/,'$1');var tsp='/tags/$0/topusers';var tqp='/questions/tagged/$0';var rD='result';var mA=5;var cA=0;var cO=0;var tT;var aT=[];var rT=[];var lI=function(tA,tP,tX,tT,bK){return' <span style="font-size:smaller;">[<a style="color:#777" href="'+tP.replace('$0',tA)+'"'+(bK?' target="_BLANK"':'')+(tT?' title="'+tT+'"':'')+'>'+tX+'</a>]</span>';};var pR=function(){if($('#'+rD).size()==0){$(document.body).append($('<div id="'+rD+'"></div>').css({'position':'fixed','top':'0','bottom':'0','left':'0','width':'40ex','background':'#fff','border-right':'solid #777 5px','overflow':'auto','text-align':'left','padding':'.3em'}));}};var dR=function(){rT.sort(function(a,b){return b[1]-a[1];});$('#'+rD+' h3').html('Your top '+tT+' tag scores:');$.each(rT,function(index,item){var tA=item[0],sC=item[1];var select=$('#tA'+(index+1));select.find('td:eq(1)').html(tA+lI(tA,tqp,'q','questions')+lI(tA,tsp,'s','stats'));select.find('td:eq(2)').html(sC);if(sC>99){select.find('td:eq(2)').css({'background':(sC>999?'gold':sC>399?'silver':'#A67D3D')});} select.find('td:eq(0)').remove();select.find('td').css({'padding':'.3em'});});};var dP=function(){if(aT.length==0&&cA==0){dR();return;}else if(cA<mA&&aT.length>0){rS(aT.pop());} window.setTimeout(dP,200);};var rS=function(tA){cA++;var oS=++cO;var dI='tA'+oS;$('#'+rD+' table').append($('<tr id="'+dI+'"><td>'+oS+' / '+tT+'</td><td>'+tA+'</td><td>...</td></tr>'));jQuery.get(tsp.replace('$0',tA),function(data){var sT=$(data.replace(/<img[^>]*>/gi,'')).find(".fl:eq(1) a[href*='"+uI+"']").parents('tr:eq(0)').find('.top-count:eq(0)').contents().text().trim().replace(/\D+/,'');rT.Push([tA,sT?parseInt(sT):0]);$('#'+dI+' td:last').html('Done.');cA--;});};var tU=function(){jQuery.get(uP,function(result){fT($(result.replace(/<img[^>]*>/gi,'')));})};var fT=function(pN){if(!pN)pN=$('html');pN.find('.user-stats-table:eq(3) a.post-tag').each(function(index,item){aT.Push(item.innerHTML.replace(/<[^>]*>/gi,''));});tT=aT.length;$('#'+rD).html('<h3>Retrieving tag scores...</h3><table style="width: 100%;"></table>');dP();};pR();if(document.URL==uP) fT(false);else tU();void(0)

다음은 읽을 수있는 비 Bookmarklet 버전의 스크립트입니다.

// begin config
var uP = $('#hlinks-user a:eq(1)')[0].href; // user page URL
var uN = uP.replace ( /.*\//gi, '' ); // user name
var uI = uP.replace(/.*\/([\d]+)\/.*/, '$1'); // user id
var tsp = '/tags/$0/topusers'; // template for stats page
var tqp = '/questions/tagged/$0'; // template for questions page
var rD = 'result'; // dom id for generated div
var mA = 5; // max concurrent ajax requests
// end config

var cA = 0;  // current ajax requests
var cO = 0;  // current tag offset
var tT;      // total number of tags
var aT = []; // all remaining tags
var rT = []; // retrieved tags (format: [[tag,score]]
var lI = function(tA,tP,tX,tT,bK){ // build link using a tag, a template and a text
    bK = bK!==false;
    return ' <span style="font-size:smaller;">[<a style="color:#777" href="'
           + tP.replace('$0', tA) + '"'
           + (bK ? ' target="_BLANK"' : '')
           + (tT ? ' title="' + tT + '"' : '')
           + '>' + tX + '</a>]</span>';
};
var pR = function(){ // prepare result div
    if($('#'+rD).size()==0){
        $(document.body).append(
            $('<div id="' + rD + '"></div>')
                .css({
                    'position':'fixed',
                    'top':'0',
                    'bottom':'0',
                    'left':'0',
                    'width':'40ex',
                    'background':'#fff',
                    'border-right':'solid #777 5px',
                    'overflow':'auto',
                    'text-align':'left',
                    'padding':'.3em'
                })
        );
    }
};
var dR = function(){ // display results
    rT.sort(function(a,b){
        return b[1]-a[1];
    });
    $('#'+rD+ ' h3').html('Your top '+tT + ' tag scores:');
    $.each(
            rT,
            function(index, item) {
                var tA = item[0], sC = item[1];
                var select = $('#tA'+(index+1));
                select.find('td:eq(1)').html(tA + lI(tA,tqp,'q','questions') + lI(tA,tsp,'s','stats'));
                select.find('td:eq(2)').html(sC);
                if(sC > 99){
                    select.find('td:eq(2)').css({
                        'background' : (
                            sC > 999 ? 'gold'   :
                               sC > 399 ? 'silver' :
                               '#A67D3D'
                        )
                    });
                }
                select.find('td:eq(0)').remove();
                select.find('td').css({'padding':'.3em'});
            }
        );

};
var dP = function(){ // dispatcher function
    if(aT.length == 0 && cA == 0){
        dR();
        return;
    }else if(cA < mA && aT.length > 0){
        rS(aT.pop());
    }
    window.setTimeout(dP, 200);
};
var rS = function(tA){ // retrieve tag score
    cA++;
    var oS = ++cO; // current offset
    var dI = 'tA' + oS; // corresponding dom ID
    $('#'+rD + ' table').append($(
        '<tr id="' + dI + '"><td>'+oS+' / ' + tT + '</td><td>'
        + tA + '</td><td>...</td></tr>'
    ));
    jQuery.get(tsp.replace('$0', tA),function(data){
        // score as text:
        var sT = $(data.replace( /<img[^>]*>/gi, ''))
        .find(".fl:eq(1) a[href*='" + uI + "']")
        .parents('tr:eq(0)').find('.top-count:eq(0)')
        .contents().text().trim().replace(/\D+/,'');

        rT.Push(
            [tA,sT ? parseInt(sT) : 0]
        );
        $('#' + dI + ' td:last').html('Done.');
        cA--;
    });
};
var tU = function(){ // get user page via ajax
    jQuery.get(uP, function(result){
        fT($(result.replace( /<img[^>]*>/gi, '')));
    })
};
var fT = function(pN){ // find tags in page node
    if(!pN)pN = $('html');
    pN.find('.user-stats-table:eq(3) a.post-tag').each(
        function(index,item){
            aT.Push(item.innerHTML.replace(/<[^>]*>/gi, ''));
        }
    );
    tT=aT.length;
    $('#'+rD).html('<h3>Retrieving tag scores...</h3>'
        + '<table style="width: 100%;"></table>');
    dP();
};
pR();
if(document.URL==uP)// we're in user page
    fT(false);
else // load user page per AJAX
    tU();
2
Sean Patrick Floyd

PrintLiminator -다른 인쇄 책갈피와 유사하지만 페이지에서 제거 할 요소를 선택할 수 있습니다.

2
Brian Ortiz

암호 기억 autocomplete = "off"제거

2
AndreKR

읽고있는 기사의 페이지를 빠르게 늘리거나 줄이기 위해 두 개의 책갈피 (+ 및-)를 사용합니다.

감소:

javascript:(function()%7B%20var%20e,s;%20IB=-1;%20function%20isDigit(c)%20%7B%20return%20(%220%22%20%3C=%20c%20&&%20c%20%3C=%20%229%22)%20%7D%20L%20=%20location.href;%20LL%20=%20L.length;%20for%20(e=LL-1;%20e%3E=0;%20--e)%20if%20(isDigit(L.charAt(e)))%20%7B%20for(s=e-1;%20s%3E=0;%20--s)%20if%20(!isDigit(L.charAt(s)))%20break;%20break;%20%7D%20++s;%20if%20(e%3C0)%20return;%20oldNum%20=%20L.substring(s,e+1);%20newNum%20=%20%22%22%20+%20(parseInt(oldNum,10)%20+%20IB);%20while%20(newNum.length%20%3C%20oldNum.length)%20newNum%20=%20%220%22%20+%20newNum;%20location.href%20=%20L.substring(0,s)%20+%20newNum%20+%20L.slice(e+1);%20%7D)();

증가:

javascript:(function()%7B%20var%20e,s;%20IB=1;%20function%20isDigit(c)%20%7B%20return%20(%220%22%20%3C=%20c%20&&%20c%20%3C=%20%229%22)%20%7D%20L%20=%20location.href;%20LL%20=%20L.length;%20for%20(e=LL-1;%20e%3E=0;%20--e)%20if%20(isDigit(L.charAt(e)))%20%7B%20for(s=e-1;%20s%3E=0;%20--s)%20if%20(!isDigit(L.charAt(s)))%20break;%20break;%20%7D%20++s;%20if%20(e%3C0)%20return;%20oldNum%20=%20L.substring(s,e+1);%20newNum%20=%20%22%22%20+%20(parseInt(oldNum,10)%20+%20IB);%20while%20(newNum.length%20%3C%20oldNum.length)%20newNum%20=%20%220%22%20+%20newNum;%20location.href%20=%20L.substring(0,s)%20+%20newNum%20+%20L.slice(e+1);%20%7D)();
2
Nev Stokes

Coralize 사이트를 Coral CDN 에 추가하기 전에 slashdotted 가됩니다.

비슷하게:

Google 캐시

웨이 백 머신/인터넷 아카이브

1
Greg Bray

나는 여기에서 찾을 수있는 그런 유틸리티 컬렉션을 가지고 있습니다 ...

http://saraswaticlasses.net/sites/links4.php

1
shantanuo
1
Margaret

큰 화면이 있습니다. 일부 웹 사이트는 콘텐츠의 최대 너비를 제한하지 않습니다. 그것은 종종 긴 텍스트를 읽을 수 없게 만듭니다. 제가 가장 좋아하는 북마크는 이것입니다. 페이지의 최대 너비 제한입니다.

javascript:(function(){var%20newSS,%20styles='body%20{max-width:%20800px;}';%20if(document.createStyleSheet)%20{document.createStyleSheet(%22javascript:'%22+styles+%22'%22);}%20else%20{newSS=document.createElement('link');%20newSS.rel='stylesheet';%20newSS.href='data:text/css,'+escape(styles);%20document.documentElement.childNodes[0].appendChild(newSS);}})();
1
Fczbkk

엑스레이
웹 페이지의 모든 요소에 대한 상자 모델을 보는 데 사용합니다.

1
Alex

북마크를 좋아하는 사람은 iMacros Firefox 및 chrome 확장자를 확인해야합니다. 작업을 자동화하기 위해 "매크로"(거대한 북마크릿과 같은 종류)를 만들 수 있습니다. 우리는 사무실에서 모든 종류의 "재료"에 사용합니다.

Firefox에서 iMacros "Bookmarklets"생성하기 : Creating iMacros "Bookmarklets"

1
FrankJK

Aardvark (Firefox 확장 및 북마크릿 (Chrome, Safari 및 Internet Explorer 용)) 웹 개발자와 페이지를 인쇄하기 전에 정리하려는 사람들에게 유용합니다. http://karmatics.com/aardvark/

1
rob

사파리에서 Diigo 및 diigolet을 사용하지만 일부 브라우저에는 toolbar 이 있습니다.

날 믿어 봐.

1
GiH

결국 Zap Colors 는 내가 사용하는 모든 브라우저에 설치됩니다. 검정색 배경에 회색 텍스트? Zap과 갑자기 읽을 수 있습니다.

1
stuartd

Opera에는 미리 정의 된 간격으로 웹 페이지를 자동으로 다시로드하는 옵션이 있음 , Internet Explorer, Firefox 및 Safari에는 기본적으로 이러한 기능이 없습니다.

내 버전은 지정된 간격 후에 웹 페이지를 자동으로 새로 고치는 소책자 입니다. 정보를 동적으로 제공하지만 자동 새로 고침을 위해 AJAX를 구현하지 않은 웹 페이지를 추적하는 데 유용합니다.

0
mvark

Wikipedia Search 위키 백과에서 강조 표시된 텍스트를 검색합니다

0
Greg Bray

Kippt URL 저장을 위해 모바일 장치에서도 액세스하고 싶습니다.

가독성 기사를보다 쉽게 ​​읽을 수있게합니다.

0
dmni

Amazon universal wishlist 나중에 사고 싶은 물건 (생일, 크리스마스 선물 등) 추적

0
Greg Bray

유용한 Google 서비스 용 소책자 :

  • 리더 구독
  • 번역
  • Google 북마크의 북마크
  • 이벤트 추가
  • 이것을 매핑
  • 구글 캐시
  • 정의
0
Greg Bray

다음과 같은 북마크를 사용합니다.

0
kaychaks

뻔뻔한 플러그이지만 Amazon Wishlist 북마크릿 외에도 구매하려는 온라인 제품에 대한 좋은 거래를 찾을 때 Woot This Deal Button 을 사용합니다.

0
Shawn Miller

웹 디자이너이거나 타이포그래피를 좋아하는 사람이라면 Font Friend bookmarklet을 즐길 수 있습니다.

0
Jin
javascript:void(eval("window.document.onmouseup=null;window.document.onmousedown=null;window.document.onmouseover=null;window.document.onmouseout=null;window.document.oncontextmenu=null;"))

페이지가 JavaScript로 마우스 이벤트를 캡처하지 못하게하여 텍스트를 마우스 오른쪽 단추로 클릭하거나 선택할 수없는 사이트에 유용합니다. 그래도 원래 출처가 확실하지 않습니다.

0
MiffTheFox

트위터 웹 인터페이스를위한 커플 :

  • DeClutter Twitter : 사전 정의 된 키워드 (iPad, 4square 등)와 일치하는 모든 트윗을 필터링합니다.

  • Hovercard Removal : 사용자 이름 위에 마우스를 올릴 때마다 호버 카드가 자동으로 나타나지 않게하고 전체 트윗을 차단하지 않도록합니다.

이 두 가지 모두 가려움증을 긁기 위해 함께 던진 대부분의 북마크입니다. 특히 키워드 필터링은 여러 트위터 클라이언트에서 지원되지만 아직 웹 인터페이스에는 적용되지 않아서 북마크를 통해 Apple 제품 출시일/스포츠 게임 중 내 타임 라인을 훨씬 더 읽기 쉽게 만듭니다. 나는/etc에 관심이 없다!

귀하가 방문한 사이트의 URL을 기반으로 한 비 Twitter 사이트 몇 가지 :

  • 방문하는 사이트가 다운되면 DownForEveryOneOrJustMe.com 을 확인하여 네트워크 문제인지 여부를 신속하게 확인하십시오 javascript:window.location%20=%20'http://www.downforeveryoneorjustme.com/'+window.location.Host;

  • 아마도 꽤 틈새이지만 현재 도메인에서 WHOIS 조회를 수행하십시오. javascript:window.location%20=%20'http://who.is/whois/'+window.location.Host;

0
ConroyP

PageZipper 여러 페이지 기사를 한 페이지에로드합니다.

0
Brian Ortiz

Visual Event 연결된 모든 이벤트 처리기를 표시

0
AndreKR

WTF -현재 페이지에서 사용중인 JavaScript 라이브러리를 확인합니다.

0
eyelidlessness

Internet Explorer에서 뷰 소스를 사용합니다. 현재 페이지의 실제 DOM (모든 자바 스크립트 조작 포함)을 볼 수 있습니다

javascript:(function(){c=unescape(document.documentElement.innerHTML);c=c.replace(/&/g,'&');c=c.replace(/</g,'<');c=c.replace(/>/g,'>');c=c.replace(/</g,'&lt;');c=c.replace(/>/g,'&gt;');document.write('<html><head><title>Source%20of%20Page<\/title><\/head><body><pre>'+c+'<\/pre><\/body><\/html>');x.document.close();})();
0
Christ-OFF

간단한 것 : "쿠키보기"

javascript:alert('Cookies%20stored%20by%20this%20Host%20or%20domain:\n\n'%20+%20document.cookie.replace(/;%20/g,'\n'));
0
Christ-OFF

나는 때때로 이것을 사용합니다 :

javascript:b=document.body;b.contentEditable=b.contentEditable=='true'?'false':'true';void(0);  
0
aaaaaaaa

웹 개발자에게 매우 유용한 W3C 유효성 검사기 에서이 것을 사용합니다.

javascript:window.open('http://validator.w3.org/check?uri='+escape(window.location));void%200
0
danixd

보편적 위시리스트- Whimventory

0
Mala