Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript &引用;别针;按钮源代码(pinterest.com)_Javascript_Html_Frontend_Bookmarks - Fatal编程技术网

Javascript &引用;别针;按钮源代码(pinterest.com)

Javascript &引用;别针;按钮源代码(pinterest.com),javascript,html,frontend,bookmarks,Javascript,Html,Frontend,Bookmarks,有人知道如何在pinterest.com中实现类似“pinit”按钮的功能吗? 从高层次上看,我了解它的作用,但并不详细。单击“pinit”书签,然后从站点源代码中找出宽度和高度大于某个阈值的图像。在客户端或服务器端可以通过抓取页面源来查找图像。实现类似目标的最佳方式是什么 有人能洞察一下它们的实现吗?实际上,这种书签通常会这样做: 当您单击书签时,它将通过重定向到以下URL来运行JavaScript代码: javascript: void((function () { SOME_CODE })

有人知道如何在pinterest.com中实现类似“pinit”按钮的功能吗? 从高层次上看,我了解它的作用,但并不详细。单击“pinit”书签,然后从站点源代码中找出宽度和高度大于某个阈值的图像。在客户端或服务器端可以通过抓取页面源来查找图像。实现类似目标的最佳方式是什么


有人能洞察一下它们的实现吗?

实际上,这种书签通常会这样做:

当您单击书签时,它将通过重定向到以下URL来运行JavaScript代码:

javascript: void((function () { SOME_CODE })());
然后将执行一些_代码。在这种情况下,Pin it按钮将运行以下操作:

javascript: void((function () {
    var e = document.createElement('script');
    e.setAttribute('type', 'text/javascript');
    e.setAttribute('charset', 'UTF-8');
    e.setAttribute('src', 'http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random() * 99999999);
    document.body.appendChild(e)
})());
最终将向文档正文添加新标记。Pin将添加“pinmarklet.js”文件。请注意,“r=”+Math.random()*9999999”部分仅用于通过每次随机生成新数字从客户端传递缓存来获取

如果你想知道接下来到底发生了什么,那么你需要看看他们的JavaScript源代码。但是查看DOM并获取您想要获取的内容(图像、视频链接等)并应用您的逻辑是很容易的


我希望这会有所帮助:-)

我在JavaScript上创建了一个函数,用于与pinterest共享自定义图像,并传递您想要共享的图像源

代码:

我希望这会有帮助