2
누구나 이미지를 스크랩 할 수있는 pinterest 또는 snatchly와 같은 북마크릿을 만드는 방법에 대한 링크/자습서를 공유 할 수 있는지 알고 싶습니다.이미지를 스크랩 할 수있는 pinterest/snatchly와 같은 북마크릿을 만드는 법
감사 존
A
답변
2
북마클릿은 일반적으로 javascript: 그 후 자바 스크립트 표현으로 시작합니다. Chrome 웹 검사기에서 자바 스크립트 코드를 실행 한 다음 자바 스크립트 압축 유틸리티를 사용하여 압축하여 href가 같은 앵커 태그를 만들 수 있습니다. javascript:alert("You%20code%20after%20:");
배치하기 전에 URL을 인코딩해야합니다. 앵커 태그에 당기 이미지에 관해서
이 자바 스크립트를 호출 앙코르 PTL의 대답을 넘어 하나 개의 아기 단계를 이동하려면 웹 페이지 document.getElementsByTagName('img')
+0
브라우저에서 사용해보십시오. URL 바에 붙여 넣기하고 자바 스크립트를 입력하십시오 : alert ("Hello % 20World"); –
+0
이 질문에 대답합니까? –
0
에 모든 이미지를 얻을 수 있습니다, 다음 스크립트는 브라우저에로드 된 4 이미지의 복제본을 생성 주어진 페이지에서 :
javascript:var%20e=document.createElement('img');var%20n=document.getElementsByTagName('img')[3].src;e.setAttribute('src',n);document.body.appendChild(e);
참고 : 공백은 '% 20'을 사용해야합니다.
나는 대표자가 오버레이에서하는 모든 아름다운 것들을 할 방법을 잘 모르겠어요 - 자신의 북마크 스크립트 호출 것 같습니다 :
이http://assets.pinterest.com/js/pinmarklet.js?r='somenumber'
그들의 서버를 구축 더 복잡한 스크립트를 다시 전송 CSS가 'rules'객체에 저장된 모달 창 규칙을 잘랐다 :
background: transparent; top:0; right:0; bottom:0; left:0; width: 100%; border: 0;
2
이러한 종류의 북마클릿을 단계별로 만드는 방법을 설명하는 기사를 게시했습니다.
현재 위치를 확인할 수 있습니다 : 귀하의 의견은 전혀 도움이되지 http://jszen.com/how-to-make-pinterest-like-bookmarklet-pin-it.3.html
. 대부분의 웹 사이트의 북마크 코드는 컴파일되므로 읽을 수 없습니다. 운 좋게 나는 정말로 나를 시작하게하는 것을 돕고있는 웹 사이트를 발견했다 : http://net.tutsplus.com/tutorials/javascript-ajax/create-bookmarklets-the-right-way/# - 당신의 낙담 코멘트에 대해 대단히 감사합니다. . – jobun
당신을 낙담 시키려고하지 않았습니다. 사실을 말하면서. 사실이 당신을 낙담 시킨다면, 나는 그것을 도울 수 없습니다. 북마클릿에 대한 기본 자습서부터 시작하게되어 기쁩니다. 그것은 올바른 접근 방식입니다. 그러나 그것은 마라톤의 첫 번째 마일과 같습니다. pinterest/snatchly와 같은 북마크릿을 만드는 방법에 대한 자습서가 아닙니다. 당신이 도전하고 있다면, 나는 당신을 축하해. 마지막 참고 사항 : "컴파일 된"북마크릿은 없습니다. 목표 달성에 충분할 때까지는 이것을 이해하고 북마크릿을 읽는 방법을 이해할 것입니다. –