标签: firebug

我对使用IE6和7个特定错误的页面的HTML/CSS/JS调试感到不满意.

我知道IE8有​​一个名为'Developer Tools'的Firebug克隆.

是否有可能安装了IE8(可能在虚拟机上,我不介意),将其设置为兼容模式(有一个IE6？),然后执行JS调试和现场HTML的变化,使用IE8的开发工具,只是就像我们可以在Firebug中一样？

非常感谢mieze

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

我的网络应用程序中有两个CSS文件:reset.css和screen.css.它们以html中的顺序出现(重置然后屏幕).

在reset.css中,发生以下样式定义:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border-bottom-width:0;
  border-color:initial;
  border-left-width:0;
  border-right-width:0;
  border-style:initial;
  border-top-width:0;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  outline-color:initial;
  outline-style:initial;
  outline-width:0;
  padding-bottom:0;
  padding-left:0; …

我在下面的代码中设置了断点,它表示"断点".还为dataStore添加监视表达式.

function(){
  var self = {};
  var dataStore = [];
  var areEq = UNAB.objectsAreEqual;

  self.put = function(key, value){
    /*breakpoint*/ dataStore.push({key:key, value:value});
  }
  return self;
}

在这个断点处,Firebug告诉我"ReferenceError:dataStore未定义".尝试检查"areEq"时的结果相同.但是,dataStore.push执行时没有错误.另外一个强调:为"self"添加一个监视表达式不会显示我期望的自我对象,只有一个属性"put",而是"window"对象.

知道到底发生了什么事吗？

可能重复:
如何在Firebug中查看打印介质CSS？

我正在一个Plone网站上工作,有很多@import链接的CSS,我正在尝试使用Web Developer Toolbar来显示print css.

不幸的是,在这个特定的网站上,Web开发人员工具栏的print css比常规的"打印预览"具有更少的样式,如果不在新选项卡中再次打开页面,则不会重置,并且看起来通常会被破坏.例如,维基百科对相同的"仅查看打印css"选项做出更好的响应.

如何使用带有打印预览式演示文稿的Firebug？我可以用更加Web开发人员工具栏兼容的方式表达不同CSS声明的可印刷性吗？

有没有办法在JavaScript中设置程序断点,以便Firebug将停止执行代码,我可以继续在Firebug中逐步调试.

与python中的内容类似的东西:

import pdb; pdb.set_trace()

我讨厌Firefox,我真的很喜欢,但作为一名网络开发人员,我已经把它锁定在Firebug提供的强大工具集上.最近Chrome和Safari的检查工具允许用户编辑完整的块结构代码(以非常错误的方式),但您仍然无法编辑完整的样式表.通常当有人提出这个问题时,Chrome和Safari开发人员会说"但你可以编辑CSS",这在某种程度上是正确的.您可以在两个浏览器中编辑逐个属性的CSS属性(如果您有很多更改,则需要很长时间),但无法查看完整的计算样式表,在其中进行编辑,并立即查看结果.到目前为止,只有在Firefox上完整安装Firebug才能执行此操作.

Chrome或Safari阵营中是否有任何动力构建插件以匹配这种无与伦比的功能？允许您将CSS插入页面的廉价插件不是答案.这很简单:

1. 有一个列表,其中包含正在引用的当前样式表
2. 选择要编辑的那个,然后单击编辑按钮
3. 查看样式表中的所有代码
4. 进行更改并立即在页面上反映出来

构建这样做的东西真的很难吗？我认为一定是,b/c为什么两个浏览器的开发者社区会完全忽略它呢？如果有什么东西现在提供这种能力,我很乐意听到它; 否则,也许有人会站出来为Chrome或Safari开发它.似乎开发CSS编辑应用程序的人将会全身心投入.

有没有一种方法来确定一个行和文件名从XHR是在Firebug或Web督察(也许Opera蜻蜓/ IE工具栏的开发)发布？如果没有,找到它的最佳方法是什么？只是在代码库中搜索名为的URI？(通常它会被构建)

我有一些我希望在现场网站上部署的自定义JS,但我想先测试一下.

我是目标站点管理员的第三方顾问,并不是他们构建过程的一部分,所以我无法在他们的测试环境中部署.因为它是一个DOM遍历库,所以它非常具体.

我想知道是否有人知道如何让我的本地javascript文件自动插入特定的域或主机.

谢谢!

我刚刚在.js文件中找到了这段代码,它在线,实时和功能:

if (p.length > 0) { l() ...try { I = $.parseJSON(k.getData()); /*and so on until*/ } catch { /*more code*/ }

我之前从未见过三个点作为代码元素(我仔细检查过周围没有引号),但这似乎有效:控制台中没有错误日志.这种语法究竟实现了什么？