批量获得指定网站图片列表

Created by Jerry Wang, last modified on Sep 02, 2014

<html>
<script src="js/jquery_1.7.1.js">
</script>
<script>
function register_event() {
 var iframeList = $("iframe");
 var frameDom = iframeList.get(0);
 var test = frameDom.contentWindow.document.getElementsByTagName("img");
 var result = $("#result").get(0);
 for( var i = 0;i < test.length;i++) { 
 var instance = test[i];
 console.log("image url: " + instance.src);
 var imgSource = "<a href=" + instance.src + " target=_blank><img border=0 src=" + instance.src + "></a><br>";
 $(imgSource).appendTo(result); 
 }
 console.log("ok");
};
</script>
<body onload="register_event()">
 <p>hello</p>
<iframe width=920 height=930 frameborder=1 scrolling=auto src="http://www.baidu.com" mce_src="URL"></iframe>
<div id="result"></div>
</body> 
</html>

Chrome的快捷方式加上如下参数:
clipboard1

确保Chrome启动后看到如下warning message, 说明Chrome对于cross domain的security check已经在该命令行启动模式下被屏蔽掉:
clipboard2

否则会遇到如下error message:
clipboard3

运行结果如下图所示: www.baidu.com页面下所有的image文件会逐行显示在iframe正下方:

clipboard4

猜你喜欢

转载自blog.csdn.net/i042416/article/details/93304109