如何用IE的开发人员工具选择Iframe里面的元素

在没有使用Iframe的页面里，可以很方面地用“开发人员工具”中的小箭头（如图1所示）。选取页面中的元素。

　　　　　　　　　　　　　　　　图1

但是使用了Iframe的页面，想要选取里面的元素就是死活选不出来。

这时候，可以记下那个元素的一些特征，利用右上角的搜索框，来定位元素。（如图2所示）

　　　　　　　　　　　　　　　　图2

这样，我们就能够比较方便地调试js和修改Css。

作者：kissazi2
出处：http://www.cnblogs.com/kissazi2/
本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

转载：http://www.cnblogs.com/kissazi2/archive/2012/09/16/2687658.html

时间： 2024-09-10 07:24:57

如何用IE的开发人员工具选择Iframe里面的元素的相关文章

IE9开发人员工具“网络捕获”功能详解

在IE7时代,微软推出了一款叫做"开发人员工具"的工具栏,下载安装之后,可以在IE中更方便的分析HTML代码,了解网页中各个元素的属性.样式等信息,对开发人员调试网页来说特别方便.由于这个功能让IE除了可以浏览之外,还可以很好的进行调试,因此,"开发人员工具"顺利的成为了IE8中的一个内置功能,用户可以在浏览网页时按F12直接调出它来使用. 到了如今的IE9,这个工具的功能又进行了增强,新设计了一个"网络"选项卡.通过它,我们就可以捕获浏览器打开

IE开发人员工具之实用功能讲解

F12快捷键调出开发人员工具一.JS的内容格式化 1.内容较乱的js脚本: 2.勾选下面两项即可进行格式化脚本:自动换行与格式化JS 3.调理清楚的脚本二:清空控制台 1.右键->清空 2.console.clear() 三:用控制台代替alert() 当你需要调试代码中的值却又不想中断代码的执行时,我们可以用: window.console.log("HelloWorld"); 在控制台查看. 四:调试JS时的断点快捷键 F9:添加/移除断点 F10:逐过程,

EXT.NET高效开发（三）——使用Chrome浏览器的开发人员工具

这篇帖子老少皆宜,不分男女,不分种族,不分职业.俗话说:"磨刀不误砍柴工".掌握一些开发工具的使用,对自己帮助是很大的(无论是用于分析问题,还是提高生产力).本篇就讲述如何利用Chrome浏览器(这里讲述的版本是14.0.835.2)的开发工具(因为IE浏览器的开发工具实在不敢恭维,不过大部分功能还是健全的).之所以使用Chrome浏览器,是因为对它情有独钟吧.Chrome浏览器的开发工具是一个比较强大的工具,主要包括以下面板: 元素 (Elements) 面板资源 (Res

IE8开发人员工具无法使用的解决方法

经常使用IE8开发工具的开发人员可能会遇到这么一种去情况:按F12时任务栏里出现开发人员工具的任务,但是开发人员工具窗体不弹出,也不出现在IE8里,重装IE88后还是存在此问题. 在网络上看到也经常看到有人求助,说IE8的开发人员工具不见了,或IE8的开发人员工具无法使用了!很是着急! 解决办法其实非常简单: 1.在IE8开发工具任务栏图标上的缩略图上点右键-最大化,然后就出来了. 2.Crtl+P可以出来调试模式 //编者注:此热键乃是让工具与IE8窗口结合在一起(也就是固定工具在IE8里的位

IE浏览器开发人员工具中实用的“小工具”

自IE8浏览器开始,微软在IE中内置了开发人员工具,一般用户而言大概很少在使用吧?不过小编要说的,虽然这是一款开发人员工具,但是里面却有很多实用的"小工具"噢! 按一下键盘上F12可以打开或关闭该工具,打开开发人员工具后会出现在IE浏览器窗口的下面,各种实用的"小工具"可以由菜单栏中打开. 在"文件"里面,你可以设置查看网页源代码时所采用的程序,例如:记事本.Word.EditPlus.FrontPage 等. 在"缓存"

开发人员工具 f12-ie9浏览器开发人员工具打不开

问题描述 ie9浏览器开发人员工具打不开 win7 64位系统ie9有两个,我把32位的那个删除,但是最近开发程序必须要用32位的ie浏览器,于是我卸载了ie9后又有重装了,结果32位的浏览器F12(开发者工具)打不开了,要怎么解决?

浏览器开发人员工具

浏览器开发人员工具以猎豹浏览器为例,它采用IE与Chrome双内核.什么是浏览器内核? 它负责对网页语法的解释(如标准通用标记语言下的一个应用HTML.JavaScript)并渲染(显示)网页.不同内核对网页编写语法的解释也有不同,所以同一个网页在不同浏览器中会有不同显示效果. 常用内核:Trident(IE内核) Webkit(Safari内核,Chrome内核原型,开源). 猎豹默认极速模式(chrome内核),右击网页空白处可切换至IE内核. 点击"审查元素"或按F12,出现

谁能帮忙解答一下开发人员工具中的HTML代码和点击右键获得的源代码不同

问题描述如www.baidu.com,点击右键获取到的源代码只有8K左右,而F12获取到的HTML源代码有20K.这是什么缘故?如何自己写程序通过URl调用F12所能获取到的HTML源代码?请各位高手帮帮忙,不胜感激! 解决方案解决方案二:F12是由于IE浏览器自己加了东西的右键查看源码是没加任何东西的纯HTML源代码WebRequestreq=HttpWebRequest.Create("http://www.baidu.com/");StreamStream=req.GetRe

Linr PS toolkit（Photoshop开发人员辅助工具）

来自(vickey)的肖软件~ github地址:https://github.com/Linrstudio/LinrPSToolkit Linr PS toolkit(Photoshop开发人员辅助工具) 一键导图:快速输出选区为Web所用格式;若当前图层被锁定则只输出当前图层的当前选区; 快速获取信息:快速获取图像选区尺寸(若无选区则获取图像完整尺寸); 快速获取前景色.背景色.边框设置; 生成CSS:当前图层为文本图层时获取文本样式并生成CSS;并将每个空格或换行符相间的文本转成超链接