标签: ie-developer-tools

我正在实现最初在Internet Explorer中显示的网页的打印.

我想在打印模式下使用浏览器"Inspect Element"功能.所以我想模仿打印媒体,同时仍然在浏览器中显示页面.

谷歌浏览器具有这一功能.

这是否在Internet Explorer中可用.特别是IE11？

我已升级到Windows 10; 在安装过程中有很棒的经验.但非常奇怪的是,我找不到使用MS Edge浏览器应用程序将开发人员工具固定到现有窗口的方法(ctrl + 9 for IE).它丢失了吗？

升级到Windows 10后,我无法让F12开发者工具在MS Edge下显示/工作.

IE 11开发人员工具仍然可以工作,但我可以看到我在他们之间工作的网站上的渲染差异,所以可以让他们在Edge下工作.

我猜他们有空吗？

已经尝试过重新注册包修复,以及重置Internet选项,但没有任何作用.

如何让IE8 Developer Tools显示执行JavaScript后生成的DOM？目前它只显示静态布局.FireBug正确处理这个问题,但我需要看看IE.

有没有相当于

console.time('');
console.timeEnd('');

在IE8开发人员工具？

我一直在使用HTML/SVG javascript驱动的小部件中的IE(包括IE11的所有版本)上的不良性能遇到很多麻烦,只有当小部件托管在某个页面上时.

在确定减速的主要原因是油漆/渲染层重绘之后,并且耗尽了有关这些的信息我可以从IE开发人员工具中解脱出来,我一次尝试关闭一个祖先类的试验和错误,直到性能提高为止; 然后,在识别班级时,一次关闭一个样式规则.

我的整个问题似乎归结为一个overflow: hidden;祖先的单一规则几个divs树.

它的不同之处是令人难以置信:使用overflow: hidden;树,简单的用户交互(突出显示SVG路径,生成HTML文本标签,显示标签并将其相对于SVG路径和容器定位)最大化处理器,减少UI帧速率为零,并且每次交互都会冻结所有死机,持续1,000到4,000毫秒.没有overflow: hidden;祖先,它在数十毫秒内完成,帧速率从不低于一半(非IE浏览器无论如何都是相同的overflow: hidden;).

• 这里的轮廓用overflow: hidden;的祖先,剖析和越野互动,过滤油漆事件:

  

• 这是不在overflow: hidden;祖先上的配置文件,分析开启和关闭交互,过滤以绘制事件.唯一的变化是overflow: hidden;在DOM检查器中样式旁边的勾选框中打勾或取消勾选,并且我执行测试的顺序无关紧要:

  

我不想仅仅把它overflow: hidden;作为一个粘性石膏覆盖并说完了工作,而不是理解这是如何发生的,并冒着问题再次发生与其他看似微不足道的CSS变化.我更倾向于理解为什么overflow: hidden;会产生这样的差异并以一种强大的方式解决这个问题,无论应用何种溢出规则.

遗憾的是,我无法发布完整的演示,但这里是DOM结构相关部分的摘要,其中包含与布局相关的样式的注释:

  <div class="responsive-grid">

  <!-- ...lots of nested divs that simply inherit styles, I can't change this aspect of the Drupal layout -->

    <div id="panel-5" class="col-12"> <!-- width: 100%; float: left -->
    <!-- this is the first element IE …

我正在构建一个绑定到$(window).scroll()事件的自动跟随div.这是我的JavaScript.

var alert_top = 0;
var alert_margin_top = 0;

$(function() {
  alert_top = $("#ActionBox").offset().top;
  alert_margin_top = parseInt($("#ActionBox").css("margin-top"));

  $(window).scroll(function () {
    var scroll_top = $(window).scrollTop();
    if(scroll_top > alert_top) {
      $("#ActionBox").css("margin-top", ((scroll_top-alert_top)+(alert_margin_top*2))+"px");
      console.log("Setting margin-top to "+$("#ActionBox").css("margin-top"));
    } else {
      $("#ActionBox").css("margin-top", alert_margin_top+"px");
    };
  });
});

此代码假定存在此CSS规则

#ActionBox {
  margin-top: 15px;
}

它需要一个id为"ActionBox"的元素(在本例中为div).div位于左侧对齐的菜单中,沿着侧面向下延伸,因此它的起始偏移大约为200像素.一旦用户滚动到div可能开始从浏览器视口顶部消失的点,我们的目标是开始添加margin-top值(是的,我知道将它设置为position:fixed会做同样的事情,但是它会遮挡ActionBox下面的内容但仍然在菜单中).

现在,console.log显示事件每次都应该触发,并且它正在设置正确的值.但是在我的网络应用程序的某些页面中,div没有重新绘制.这特别奇怪,因为在其他页面(在IE中)代码按预期工作(并且它每次都在FF,Opera和WebKit中工作).所有页面都根据W3C验证器和FireFox HTMLTidy验证器进行评估(0错误和0警告),并且不会抛出任何JS错误(根据IE Developer Toolbar和Firebug).这个谜团的另一个部分,如果我在IE开发人员工具中取消选择HTML样式浏览器中的#ActionBox margin-top规则,那么如果滚动事件触发了重绘,则div会立即跳回到新调整的位置.此外,如果我强制IE8进入Quirks模式或兼容模式,则偶数会触发更新.

还有一件事,它在IE7和IE 6中按预期工作(感谢IETester的精彩)

在第一次使用内置开发人员工具的IE8之后,我注意到jQuery将一个属性附加到我的一些元素上: alt text http://thebe.jtan.com/~vince/stack/jquery.PNG

我以前从未注意过这一点.事实上,这并没有出现在Firebug中...我现在只是第一次在IE8开发者工具中看到它.有谁知道jQuery使用它的原因,以及为什么它隐藏在firebug中？

如何在IE8的开发人员工具中查看Javascript对象？在WebKit和Firebug中,我可以在控制台上发出一个返回一个对象的命令,它会向我显示一个我可以导航的对象树.在Internet Explorer中,我得到的是:

>>getSelection();
{...}

有没有办法在IE8的开发人员工具中获得类似的树视图,我缺少,或者我应该尝试使用其他东西(可能是Firebug Lite？)？

广泛使用IE9开发人员工具,我刚刚更新到IE11"11.0.2",开发人员工具很垃圾.

我的网络和配置文件选项卡是空白的.我是否缺少"特殊"设置以启用它们,或者IE11 RTM和11.0.2之间是否存在我可能缺少的特定Windows热修复？