标签: ie-developer-tools

我需要匆忙学习Firebug或IE Developer Tools,我可以使用一些关于哪一个更好的建议.我将使用其中任何一个调试一些JavaScript,主要是修复XHR之谜.关于哪一个选择的任何提示可能会节省我很多时间,并将非常感激.

编辑:我已经使用了提琴手并喜欢它.

编辑:我的目标是支持所有浏览器.

我使用FF的' FireBug '扩展来调试设计的网页,并为IE安装'IE Developer Toolbar'以达到这个目的,但它不如FireBug好.很难使用它.

是否有任何其他用户友好且易于使用的扩展？

我在IE8中遇到一些CSS属性的问题.

我已经在IE7,Chrome和Firefox中测试了我的网站,它们运行良好,但IE8有一些布局问题.

我检查了ie8上的开发人员工具选项,我注意到我在CSS中设置的一些属性被ie8忽略了.例如:

    #header
{
 position: relative;
 padding: 20px;
 height: 100px;
 background:url(header.png);

}

在这个标题中,IE8忽略了height属性:如果我检查开发人员工具中的元素,那么它会丢失该属性,并且它被压缩到另一行:

background:url;HEIGHT: 100PX

浮子也会发生同样的事情:

#logon
{
float: left;
text-align:right;
width:20%;
height: 40px;
padding-left: 0px;
padding-right:7px;
border:0;
margin:0;
background: url(navgradient.gif);
}

这会忽略浮点值:

background: url(navgradient.gif); FLOAT:left;

这里发生了什么,我该如何解决？

我正在使用jQuery 1.4.2并尝试执行简单的AJAX请求.目标URL返回一个JSON字符串(我用jslint验证它).该请求适用于Firefox和Chrome,但不想在IE8中工作,我无法确定原因.这是电话:

jQuery.ajax({
url: 'http://' + domain + '/' + 'helper/echo/',
dataType: 'json',
success: function(data) {
 alert(data);
},
beforeSend: function(request, settings) {
 alert('Beginning ' + settings.dataType + ' request: ' + settings.url);
},
complete: function(request, status) {
 alert('Request complete: ' + status);
},
error: function(request, status, error) {
 alert(error);
}
});

IE将执行beforeSend回调和错误回调.错误回调警告消息:

Error: This method cannot be called until the open method has been called.

我的响应标头返回Content-Type: text/javascript; charset=UTF-8.

IE发生了什么事？我在localhost上运行服务器,从http:// localhost:8080/psx发出请求到http:// localhost:8080/helper.也许IE阻止了这个请求？我已经尝试安装Fiddler来分析请求流量,但它不会在我的机器上运行,因为它被锁定了.Firebug让我,但一切似乎都很好.

谢谢您的帮助!!!

我目前正在IE8上测试一个站点(在虚拟机上运行).

该网站使用了一些背景图片:before和:after元素,它们位于媒体查询中:

@media (min-width: 980px) {

    .box:after {
        ...
        background: url('../images/assets/home-create-background.png') bottom right no-repeat;
        ...
    }
}

我正在使用respond.js为IE8上的媒体查询提供支持.一旦页面加载(即:respond.js实际上正在工作),就会应用媒体查询中的规则.但是,不显示此图像.

有趣的是: 如果我打开IE Developer Tools(例如按F12),图像会突然显示出来.

有人经历过类似的事吗？你们有任何想法或方向探索吗？

编辑: 我终于能够解决这个问题,将内容添加到:after伪元素(我已经应用此规则,但不在媒体查询中,并且由于某种原因,它没有应用于IE)

    .box:after {
        ...
        background: url('../images/assets/home-create-background.png') bottom right no-repeat;
        content: " ";
        ...
    }

无论如何,我相信当我打开Dev Tools时,知道为什么布局会发生变化很有意思......

我在我的机器上升级了IE,并且更好地找到了升级的开发者工具 但是,每当我选择"网络"选项卡时,IE都会挂起或冻结.我无能为力.

是否有一些设置可能会让我失去工作？

我正在写硒测试,我需要支持IE8.

我想在IE8中使用Developer Tools来验证IE8可以通过xpath找到某些元素.我可以使用Firefox for Firebug轻松地做到这一点,但是我无法弄清楚如何使用IE开发者工具 - 对于来自Chrome和Firebug和Firefox的人来说,它感觉非常笨拙,异国情调和不直观.

我不是想用Developer Tools来获取元素的xpath.(网络上有很多关于如何做到这一点的链接.)我正在尝试使用开发人员工具验证我已经拥有的 xpath 将在IE8中工作.

如果我想验证xpath在Chrome中找到一个元素,我会:

• 导航到我要验证的页面
• 按F12打开Chrome调试器
• 按ctrl + f调出查找
• 键入或粘贴我要测试的xpath表达式
• 查看xpath是否找到了一个元素.

以下是Chrome中的图片:

我想在IE8中做同样的事情.我怎样才能做到这一点？

我在Internet Explorer中看到了Firebug的"Copy Xpath"等价？它试图从webelement获取xpath.我正在尝试相反的做法:从xpath获取webelement以验证xpath在IE8中是否有效.

在不安装任何插件的情况下，从 Chrome 开发工具中的请求正文中提取 JSON 的最简单方法是什么。我可以在网络选项卡中看到请求和响应，但如何从请求正文中提取 JSON。

我的期望：在 Chrome 中，当您检查请求时，在 dev 工具栏下，您会看到form-data。在此之下，有一个查看源按钮。这具有 url 编码的表单数据。如果我们可以将其解码为 JSON 并在控制台上打印字符串化的结果。

有人测试过IE 8开发者工具栏吗？它真的像萤火虫一样好吗？

使用IE9 Developer Toolbar的网络选项卡,我在我的站点周围捕获了一些导航,然后将这些日志导出到XML文件(默认为NetworkData.xml).

在该XML中,它将创建者标记设置为"Internet Explorer Network Inspector".

是否有一个XSLT可以帮助显示该XML或某些可以提供帮助的查看器应用程序？

更新: 在未来的研究中,NetworkData.xml文件是HAR文件的xml表示.有很多在线HAR观众.仍然找不到XML-HAR的查看器,也没有转换器.