疯人院:如何在当前网页里执行你想要的执行的代码

没要小看这个方法。这种方法可以等同于浏览器插件运行,尽管他无法做到插件那样直接启用。这是基础篇。我们介绍三中方法运行,将来会用到其中一种来做一些很有意思的事情。第一种:地址栏运行。...

没要小看这个方法。这种方法可以等同于浏览器插件运行,尽管他无法做到插件那样直接启用。

这是基础篇。我们介绍三中方法运行,将来会用到其中一种来做一些很有意思的事情。

第一种:地址栏运行。

我们可以在地址栏里运行我们的代码。一定要有 javascript: 前缀,否则无法执行。

javascript:alert(1);

效果如:

image.png


第二种是书签栏运行

收藏任意页面(Ctrl+D)或者直接编辑标签栏

image.png

点击中间的修改

image.png

修改为

image.png


现在点击这个标签

image.png


会和步骤一一样弹出 1

image.png


第三种是在开发者工具里运行。

我们拿谷歌浏览器演示。

按住 F12 打开工具,在右下角的Console里输入脚本

image.png

按下回车,就会提示我们输入的字符串。

image.png




那说那么多,只是alert有什么用么?

当然不会这么简单。

下面的代码是堆糖的采集图片的代码

javascript:void((function(){var d=document,e=d.createElement("script");e.setAttribute("charset","UTF-8");e.setAttribute("src","https://www.duitang.com/js/core/no/collectit.js?"+Math.floor(new Date/1E7));d.body.appendChild(e)})());

你按照第二部的方法试试。

效果就是采集当前页面所有的图片

image.png


最后

在接下来的日子里,我们会使用第二种方法来做很多有意思的东西,比如如何点击一个标签栏列出你的QQ空间近期访问的好友。


  • 发表于 2017-11-07 10:19
  • 阅读 ( 1342 )
  • 分类:前端

条评论

请先 登录 后评论
不写代码的码农
三叔

422 篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除