ピンタレストやスナッチリーなど、画像をスクレイピングできるブックマークレットを作成する方法について、誰かがリンク/チュートリアルを共有できるかどうか知りたいです。
ありがとうジョン
ピンタレストやスナッチリーなど、画像をスクレイピングできるブックマークレットを作成する方法について、誰かがリンク/チュートリアルを共有できるかどうか知りたいです。
ありがとうジョン
この種のブックマークレットを段階的に作成する方法を説明する記事を投稿しました。
ここで確認できます: http://jszen.com/how-to-make-pinterest-like-bookmarklet-pin-it.3.html
ブックマークレットは通常javascript:
、javascript 式で始まり、その後に続きます。最初に JavaScript コードを Google Chrome Web Inspector で実行してテストし、次にいくつかの JavaScript 圧縮ユーティリティを使用して圧縮し、href が等しいアンカー タグを作成します。javascript:alert("You%20code%20after%20:");
コードをアンカータグに配置する前に、必ず URL エンコードしてください。
画像のプルに関しては、この JavaScript を呼び出して、Web ページ上のすべての画像を取得できます。document.getElementsByTagName('img')
Encore 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;