如何創建書籤，如pinterest/snatchly，可以報廢圖像

我有興趣知道是否有人可以分享鏈接/教程有關如何創建一個書籤，如pinterest或搶奪，可以報廢圖像。如何創建書籤，如pinterest/snatchly，可以報廢圖像

由於喬恩

2012-04-19 jobun

您的評論是沒有幫助的。大多數網站的書籤代碼都已編譯好，所以閱讀起來很難。幸運的是，我找到了一個真正幫助我開始的網站：http://net.tutsplus.com/tutorials/javascript-ajax/create-bookmarklets-the-right-way/# - 非常感謝您的勸阻評論。 – jobun 2012-04-26 23:34:04

沒有試圖阻止你。只是給你事實。如果事實阻礙了你，那麼我無法幫助你。我很高興你從一個關於bookmarklets的基本教程開始。這是正確的做法。但這就像馬拉松比賽中的第一英里。關於如何創建一個如pinterest/snatchly的小書籤，這本教程還很遙遠。如果你準備迎接挑戰，那麼我恭喜你。最後一點：沒有這樣的「編譯」書籤。當你足夠了解你的目標，你可能會明白這一點以及如何閱讀任何書籤。 – 2012-04-27 12:05:00

書籤工具通常與javascript:和之後的JavaScript表達啓動。您可以首先在Google Chrome Web Inspector中運行JavaScript代碼，然後使用一些JavaScript壓縮實用程序對其進行壓縮，然後製作href等於javascript:alert("You%20code%20after%20:");

的錨點標記，確保在放置代碼之前將url編碼在錨標籤中。

至於拉圖像，你可以調用這個javascript和獲取網頁上的document.getElementsByTagName('img')

來源

2012-05-24 14:20:23

在您的瀏覽器中試用這個。在網址欄中粘貼這個並點擊進入javascript：alert（「Hello％20World」）; – 2012-05-24 14:21:20

這是回答這個問題嗎？ – 2012-05-25 14:22:52

所有圖像走一個小步超越安可PTL的答案，下面的腳本會在瀏覽器中加載的第4圖像的副本

javascript:var%20e=document.createElement('img');var%20n=document.getElementsByTagName('img')[3].src;e.setAttribute('src',n);document.body.appendChild(e);

注：任何給定的網頁上，我們必須使用「％20」的空格。

我不知道該怎麼辦所有美麗的東西Pinterest的確實在他們的疊加 - 它看起來像他們的書籤調用的腳本：

http://assets.pinterest.com/js/pinmarklet.js?r='somenumber'

他們的服務器發送回構建一個更復雜的腳本模式窗口存儲在其「規則」對象中的CSS。一個規則的剪輯：

background: transparent; top:0; right:0; bottom:0; left:0; width: 100%; border: 0;

來源

2012-09-29 23:32:56 Adam

我已經發布了一篇文章，描述如何創建這些書籤的步驟。

您可以點擊此處查看：http://jszen.com/how-to-make-pinterest-like-bookmarklet-pin-it.3.html

來源

2013-12-20 17:03:39 Chunlong

如何創建書籤，如pinterest/snatchly，可以報廢圖像

回答

相關問題