1 月 8 2015
JS在页面上显示当前页地址QR图的脚本
本文共被喵星人侦察过14,037次。。。题目好乱。。。一个Javascript脚本,戳一下就会在页面的右上角出来一个二维码,二维码的内容是当前页面的地址,再点击一下图片他就会消失掉。可以很方便的吧正在看的内容转到手机上去看。
代码如下
javascript:((function(){document.body.innerHTML=document.body.innerHTML+"<div id='MyQrCode' style='display:block;z-index:99999;position:fixed;top:0;right:0;' onclick='javascript:(function(){var MyQrCode=document.getElementById(&quot;MyQrCode&quot;);MyQrCode.parentNode.removeChild(MyQrCode);}())'><img src='http://chart.googleapis.com/chart?chl="+escape(document.location.href)+"&chs=200x200&cht=qr&chld=%7C1&choe=UTF-8'></div>";})());把上面的代码复制然后新建一个书签放进去,想要二维码的时候戳一下就可以了。
稍微好看一点的代码(其实就只是加了缩进而已)
javascript:(( function(){ document.body.innerHTML=document.body.innerHTML+ "<div id='MyQrCode' style='display:block;z-index:99999;position:fixed;top:0;right:0;' onclick='javascript:( function(){ var MyQrCode=document.getElementById("MyQrCode"); MyQrCode.parentNode.removeChild(MyQrCode); }())'> <img src='http://chart.googleapis.com/chart?chl="+escape(document.location.href)+"&chs=200x200&cht=qr&chld=%7C1&choe=UTF-8'> </div>"; })());
Andrew
2015 年 01 月 09 日 @ 22:26
方便使用
大懒猫
2015 年 01 月 09 日 @ 22:30
@Andrew:恩。。。至少不用为了这个简单的功能装一个扩展去。。。
香港独立IP主机
2015 年 01 月 23 日 @ 09:46
嗯,挺不错的,看看,支持一下!
某奇怪的小学生
2016 年 01 月 28 日 @ 23:42
你们整的这个JS啊,excited!
大懒猫
2016 年 01 月 28 日 @ 23:43
@某奇怪的小学生:我还是一直没闹明白为什么这一页的分享按钮会呈阶梯状排列。。。别的页面都没这个奇怪的问题。。。
某奇怪的小学生
2016 年 01 月 29 日 @ 00:33
“代码如下”之后的代码段,这个标签没有正确结束,导致分享按钮应用了预置pre的样式。。
某奇怪的小学生
2016 年 01 月 29 日 @ 00:35
啊我想说的是<pre>这个标签。。。(卖萌脸
json formatter
2021 年 03 月 08 日 @ 10:25
当时也做过类似的,思路基本都是一样的