在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 相关文章推荐
JavaScript 异步调用框架 (Part 3 - 代码实现)
Aug 04 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
jquery改变disabled的boolean状态的三种方法
Dec 13 Javascript
jQuery 中国省市两级联动选择附图
May 14 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
Sep 18 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
javaScript+turn.js实现图书翻页效果实例代码
Feb 16 Javascript
详解webpack进阶之插件篇
Jul 06 Javascript
关于react中组件通信的几种方式详解
Dec 10 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
Mar 19 Javascript
Vue实现微信支付功能遇到的坑
Jun 05 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中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
Laravel中间件实现原理详解
2016/10/09 PHP
PHP判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
2015/04/25 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
2016/12/14 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
nodejs简单读写excel内容的方法示例
2018/03/16 NodeJs
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
使用Python通过win32 COM打开Excel并添加Sheet的方法
2018/05/02 Python
Python列表解析配合if else的方法
2018/06/23 Python
深入理解Django-Signals信号量
2019/02/19 Python
解决Python中pandas读取*.csv文件出现编码问题
2019/07/12 Python
seek引发的python文件读写的问题及解决
2019/07/26 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
CSS3 box-sizing属性详解
2016/11/15 HTML / CSS
CSS3 中filter(滤镜)属性使用详解
2020/04/07 HTML / CSS
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
巴西香水和化妆品购物网站:The Beauty Box
2019/09/03 全球购物
回门宴新郎答谢词
2014/01/12 职场文书
阅兵口号
2014/06/19 职场文书
离婚协议书范本样本
2014/08/19 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
黄石寨导游词
2015/02/05 职场文书
Python jiaba库的使用详解
2021/11/23 Python
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers