首页 > Web开发 > 详细

js代码在浏览器地址栏执行

时间:2015-07-28 01:08:38      阅读:771      评论:0      收藏:0      [点我收藏+]

浏览器地址栏也支持 javascript 协议并执行js代码

如:

在浏览器地址栏输入下面代码并回车,页面中大部分元素内容都可以随便修改

javascript:document.body.contentEditable=‘true‘;document.designMode=‘on‘;void(0);


web实际开发中,常常需要对js进行调试,一般常用方法是在代码中添加 alert 或 console

当不方便修改代码时就有些不好用,这个时候可以使用在浏览器的地址栏中输入调试的js代码快速定位问题,当然如果是采用闭包开发且外部不可调用的 js 代码除外。


浏览器地址栏大部分都支持 javascript 协议。

只是不同的浏览器执行 js 代码时会有一些差异。

如 :火狐在浏览器地址栏中输入


javascript:document.body.contentEditable=‘true‘;document.designMode=‘on‘;


会关闭当前页面内容,显示 on

但如果在后面添加  void(0);

则就会在当前页面


javascript:document.body.contentEditable=‘true‘;document.designMode=‘on‘;void(0);


也就是说有的浏览器执行js代码需要在代码结尾处追加 void(0); 而有的浏览器则可以不要,所以在使用中最好全都带上 void(0);  以便兼容所有浏览器。

本文出自 “秋风扫落叶” 博客,请务必保留此出处http://php2012web.blog.51cto.com/5585213/1678808

js代码在浏览器地址栏执行

原文:http://php2012web.blog.51cto.com/5585213/1678808

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!