在IE模态窗口中自由查看HTML源码的方法


Posted in Javascript onMarch 08, 2007

IE提供的模态窗口,在我们制作数据录入窗口和Wizard等功能上,有着非常不错的应用。不过由于一些安全性上的限制,使得在模态窗口中调试脚本变得非常的郁闷。因为模态窗口不支持对象的选取和右键菜单,使得我们想察看html代码非常的不方便。那么有什么办法可以解决吗?

    虽然我们在制作模态窗口中的页面时,可以使用普通的IE窗口来访问其内容和调试脚本。可是当我的页面完成,并装载入模态窗口并依赖一系列的输入数据后,我们要对他进行debug,就变得很不方便了。如果我们不想在模态窗口载入的页面中写很多测试代码,我们只有借助调试器(如:script debugger,vs.net等)才能看到里面的html代码。

    前面我们说了,IE对于模态窗口,自动的屏蔽了选择和右键菜单的功能。不过这里也有一个例外,就是在INPUT type=text和TEXTAREA这两个元素中可以使用其context menu。如下图:
    在IE模态窗口中自由查看HTML源码的方法
    前段时间我曾推荐过一个IE的功能扩展:《推荐一个叫Full Source的IE功能扩展》。
    这个扩展功能本来是在网页页面的context menu中添加一条"Full Source"的功能,可是非常有趣的是,这个"Full Source"的扩展同时也会被注入上图的那个context menu中在IE模态窗口中自由查看HTML源码的方法。如下图:
    在IE模态窗口中自由查看HTML源码的方法
    这样一来,我们在模态窗口中察看该页面的html源代码就非常的容易了~~

Javascript 相关文章推荐
JS使用ajax从xml文件动态获取数据显示的方法
Mar 24 Javascript
JavaScript获取一个范围内日期的方法
Apr 24 Javascript
js生成验证码并直接在前端判断
May 15 Javascript
jQuery动态星级评分效果实现方法
Aug 06 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
Oct 21 Javascript
Bootstrap页面缩小变形的快速解决办法
Feb 03 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
Bootstrap实现各种进度条样式详解
Apr 13 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
Jan 08 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
encode脚本和normal脚本混用的问题与解决方法
Mar 08 #Javascript
IE7提供XMLHttpRequest对象为兼容
Mar 08 #Javascript
使用onbeforeunload属性后的副作用
Mar 08 #Javascript
HTML中不支持静态Expando的元素的问题
Mar 08 #Javascript
使用TextRange获取输入框中光标的位置的代码
Mar 08 #Javascript
获取JavaScript用户自定义类的类名称的代码
Mar 08 #Javascript
JScript内置对象Array中元素的删除方法
Mar 08 #Javascript
You might like
php基于数组函数实现关联表的编辑操作示例
2017/07/04 PHP
php接口实现拖拽排序功能
2018/04/23 PHP
PHP实现的AES 128位加密算法示例
2019/09/16 PHP
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
jqGrid用法汇总(全经典)
2016/06/28 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
JS实现的四级密码强度检测功能示例
2017/05/11 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
Angular 如何使用第三方库的方法
2018/04/18 Javascript
React之PureComponent的使用作用
2018/07/10 Javascript
支付宝小程序tabbar底部导航
2018/11/06 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
使用Vue.observable()进行状态管理的实例代码详解
2019/05/26 Javascript
Vue分页器实现原理详解
2019/06/28 Javascript
three.js欧拉角和四元数的使用方法
2020/07/26 Javascript
python开发利器之ulipad的使用实践
2017/03/16 Python
最近Python有点火? 给你7个学习它的理由!
2017/06/26 Python
使用python装饰器计算函数运行时间的实例
2018/04/21 Python
python版本单链表实现代码
2018/09/28 Python
python内存管理机制原理详解
2019/08/12 Python
python中shell执行知识点
2020/05/06 Python
如何在sublime编辑器中安装python
2020/05/20 Python
PyQt5实现画布小程序
2020/05/30 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
不可轻视HTML5!App三年内将被html5顶替彻底消失
2015/11/18 HTML / CSS
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
产假请假条
2014/04/10 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
2015年乡镇纪检工作总结
2015/04/22 职场文书
出生证明范本
2015/06/15 职场文书
Django如何创作一个简单的最小程序
2021/05/12 Python
webpack的移动端适配方案小结
2021/07/25 Javascript