使用IE的地址栏来辅助调试Web页脚本
2023-06-13 09:13:54 时间
不小心使用Shift+LeftClick去点击了一个链接目标(href)是脚本的超链接，结果却把是否调试脚本的对话框弄了出来。点击yes居然可以打开调试这一句脚本，可是这句脚本是哪里来的呢？
回头看看被新打开的那个IE，结果地址栏里就写着：javascript:open(url)呢。原来IE的地址栏可以使用"JavaScript:"这个声明来执行脚本也，在试试JavaScript:alert("ok")，果然ok!
好玩的特性，再写点复杂的脚本：javascript:vars="";for(vari=0;i<10;i++)s+=i;。结果是出来了"0123456789"，可是执行结果显示在浏览器的主显示区域里了，把IE里原有的内容弄没了。要是可以不影响原有的页面，岂不是可以读些页面里的内容，修后继续提交吗？其实可以办到了，只要保证脚本最有一句是alert()，在浏览器里执行完脚本后就不会跳离当前页面的内容。例如打开http://www.google.com，在地址栏里输入：javascript:document.getElementsByTagName("Input")[1].disabled=true;alert("");，会看见什么呢？不能输入查询关键字了吧？
其实在地址栏里运行脚本的作用域就是当前页面的脚本作用域，利用这个特点我们除了可以简单的执行脚本语句，还可以辅助我们调试脚本，比如我希望察看一些变量的值，而我们又不需要进入复杂的调试模式。下图就是我调试popup菜单时的一个例子，用这个办法可以避免在代码调试时到处写status=...。
这里我们除了可以在地址栏里写JavaScript:外，同时还可以写vbscirpt:alert("ok!")，ecmascript:和jscirpt。不过ecmascript会自动被转为javascirpt，jscript会被转为vbscript。
这个特性虽然简单，希望大家都能来玩玩，并且玩出更多的花样哦。
回头看看被新打开的那个IE，结果地址栏里就写着：javascript:open(url)呢。原来IE的地址栏可以使用"JavaScript:"这个声明来执行脚本也，在试试JavaScript:alert("ok")，果然ok!
好玩的特性，再写点复杂的脚本：javascript:vars="";for(vari=0;i<10;i++)s+=i;。结果是出来了"0123456789"，可是执行结果显示在浏览器的主显示区域里了，把IE里原有的内容弄没了。要是可以不影响原有的页面，岂不是可以读些页面里的内容，修后继续提交吗？其实可以办到了，只要保证脚本最有一句是alert()，在浏览器里执行完脚本后就不会跳离当前页面的内容。例如打开http://www.google.com，在地址栏里输入：javascript:document.getElementsByTagName("Input")[1].disabled=true;alert("");，会看见什么呢？不能输入查询关键字了吧？
其实在地址栏里运行脚本的作用域就是当前页面的脚本作用域，利用这个特点我们除了可以简单的执行脚本语句，还可以辅助我们调试脚本，比如我希望察看一些变量的值，而我们又不需要进入复杂的调试模式。下图就是我调试popup菜单时的一个例子，用这个办法可以避免在代码调试时到处写status=...。
这里我们除了可以在地址栏里写JavaScript:外，同时还可以写vbscirpt:alert("ok!")，ecmascript:和jscirpt。不过ecmascript会自动被转为javascirpt，jscript会被转为vbscript。
这个特性虽然简单，希望大家都能来玩玩，并且玩出更多的花样哦。
相关文章
- pycharm怎么调试程序_简单辅助调试
- 使用断点调试代码「建议收藏」
- QEMU调试Linux内核环境搭建
- （转）ABAP 断点调试详解编程语言
- 调试Linux下Qt的调试实践指南（linux下qt）
- Oracle调试技巧：实现更高效率（oracle调试）
- 和web服务器比较Linux与Web服务器的区别（怎么分辨linux）
- 应用Linux服务器：打开Web应用的大门（linux服务器web）
- Linux安装Web环境：一步一步指导（linux安装web环境）
- 服务器轻松搭建属于自己的Web服务器：Linux一键安装（linux一键安装web）
- 调试用GDB调试Linux内核：快速而有效的方法（gdblinux内核）
- 从零开始：Linux下的Web开发之旅（linux下的web开发）
- 利用Web服务管理Redis（web服务redis）
- 一次开发，随处测试：Mozilla推出Web跨浏览器调试工具
- 如何在Linux下进行Lua调试（linux调试lua）
- 使用Linux优化Web开发体验（web开发linux）
- 服务快速部署Linux服务器，轻松架设Web服务（linux部署web）
- 与web技术基于MySQL Redis与Web技术的一体化应用（mysqlredis）
- Linux gdb调试：让我们一起打印源代码（linux gdb 打印）
- SQL Server端出错调试实践指南（sqlserver端出错）
- 语句的执行顺序及调试技巧（25字符数恰好）（oracle多个sql）
- MSSQL Web管理工具简介：轻松管理数据库的利器（mssql web 管理）
- Linux下搭建Web服务器：坐拥多种特性的开放编程奥义（linux下搭建web服务器）
- Redis在Web开发中的光辉成就（web框架redis）
- 在Web服务器上使用Redis进行高性能处理（web服务器 redis）
- Web应用程序提升运行效率Redis技术实践（web应用使用redis）
- Web与Redis哪一种优胜（web和redis哪种好）
- Web应用实战使用Redis最佳实践（web redis实战）
- 调试一段PHP程序时遇到的三个问题