在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 无符号右移赋值操作
Apr 17 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
Nov 20 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
May 23 Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 Javascript
JS创建对象的写法示例
Nov 04 Javascript
jQuery遮罩层实例讲解
May 11 jQuery
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 Javascript
Vue项目查看当前使用的elementUI版本的方法
Sep 27 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
Feb 07 Javascript
JavaScript创建表格的方法
Apr 13 Javascript
浅析JavaScript 函数防抖和节流
Jul 13 Javascript
解决Can't find variable: SockJS vue项目的问题
Sep 22 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 adodb介绍
2009/03/19 PHP
PHP 二维数组和三维数组的过滤
2016/03/16 PHP
CI框架AR操作(数组形式)实现插入多条sql数据的方法
2016/05/18 PHP
php array_slice 取出数组中的一段序列实例
2016/11/04 PHP
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
JavaScript 学习笔记(十五)
2010/01/28 Javascript
在JavaScript中监听IME键盘输入事件
2011/05/29 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
2013/07/30 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
使用js dom和jquery分别实现简单增删改
2014/09/11 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
2015/03/09 Javascript
jquery图片切换插件
2015/03/16 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
使用jQuery和ajax代替iframe的方法(详解)
2017/04/12 jQuery
jquery实现图片跟随鼠标的实例
2017/10/17 jQuery
基于js中style.width与offsetWidth的区别(详解)
2017/11/12 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
2018/09/29 Javascript
通过JavaScript下载文件到本地的方法(单文件)
2019/03/17 Javascript
layui 实现自动选择radio单选框(checked)的方法
2019/09/03 Javascript
vue项目接口域名动态获取操作
2020/08/13 Javascript
举例讲解Python中的list列表数据结构用法
2016/03/12 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
Python浅复制中对象生存周期实例分析
2018/04/02 Python
基于Python的ModbusTCP客户端实现详解
2019/07/13 Python
Django项目之Elasticsearch搜索引擎的实例
2019/08/21 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
django 链接多个数据库 并使用原生sql实现
2020/03/28 Python
谈谈对css属性box-sizing的了解
2017/01/04 HTML / CSS
红领巾心向党广播稿
2014/01/19 职场文书
考试不及格的检讨书
2014/01/22 职场文书
城管大队整治方案
2014/05/06 职场文书
银行职员工作失误检讨书
2014/10/14 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
三八妇女节主持词
2015/07/04 职场文书
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏