标签: firebug-lite

在iPad上调试Javascript

我想知道是否有任何有用的工具人们发现在iPad上调试javascript并没有被监禁.这是一款为工作提供的iPad,因此不能选择越狱.通过一些繁琐的步骤,我已经在iPad上运行了firebug-lite,但我在javascript中的调试器语句没有被击中.我也没有能力设置断点,因为传统上使用Firebug.

我也打开了Safari的调试控制台,但这对我想要完成的事情来说相当无用.

谢谢你的任何想法.

javascript firebug ipad firebug-lite

60
推荐指数
2
解决办法
5万
查看次数

如何在Chrome开发者工具中过滤和显示仅应用的CSS(如Firefox中的Firebug)

背景故事:我有一个包含多个CSS的页面,它们相互覆盖.有这么多划掉的CSS样式,所以我不想看到它们.

我知道Firefox上的Firebug提供了这个功能(只显示应用的CSS),它可以显示CSS文件的CSS样式(整洁!).

我们如何在Chrome上使用此功能?我尝试安装Firebug Lite for Chrome但没有运气.

PS:Chrome有Computed Style选项卡,但它没有显示什么样的样式来自什么CSS文件.

css firebug google-chrome firebug-lite

14
推荐指数
1
解决办法
4782
查看次数


Firebug Lite for Chrome会破坏悬停效果和鼠标悬停事件

我有一个奇怪的问题:当使用Firebug Lite for Chrome时,有时悬停不起作用.

我得到了什么:div像这样:

<div class="editWindow">
    <ul>
        <li id="edCha" onclick="channels.add()">
            ????????????? ?????
        </li>
        <li id="delCha" onclick="channels.chanLink()">
            ?????????? ???????
        </li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

这个CSS:

.editWindow li:hover, .chooseAction li:hover {
    background: #369;
    color: white;
    cursor: pointer;
}
Run Code Online (Sandbox Code Playgroud)

当我第一次打开页面然后激活Firebug时,它看起来都像这样:

editWindow在页面加载后悬停

但是,如果我首先激活Firebug然后打开此页面,则悬停只是不起作用.我在Firebug控制台中看不到任何错误,并且没有像这样的悬停效果(鼠标指针在那里,相信我):

editWindow在激活Firebug时缺少悬停效果

我只在Chrome(Firefox运行良好)中遇到过这个问题,无论是在Win7还是在Linux(Mint 14)上.

原因是什么?我糊涂了.

编辑

当使用Force element state -> :hover的开发工具菜单,悬停风格的作品.

编辑2

我添加onmouseover="alert('test');"了其中一个li元素.在第二种情况下,alert甚至没有被召唤!

css firebug google-chrome hover firebug-lite

8
推荐指数
1
解决办法
1104
查看次数

JAVAFX/WebView/WebEngine FireBugLite还是其他一些调试器?

我正在开发一个应用程序,需要在应用程序的WebView/WebEngine部分运行调试器,以便我可以更好地调试我的应用程序.但我在互联网上发现注入Firebug Lite的代码由于某种原因无法正常工作.

JavaScript代码本身工作正常,如果我在Firefox的控制台运行它,而不是在相同的代码通过了JavaFX的WebView/webengine执行.在NetBeans控制台不抛出任何错误,别人......所以我不知道为什么FirebugLite UI不是渲染/加载.

什么可能导致这种,任何其他选择?

我正在使用JavaFX 2.2

//不起作用....

webView.getEngine().executeScript("if (!document.getElementById('FirebugLite')){E = document['createElement' + 'NS'] && document.documentElement.namespaceURI;E = E ? document['createElement' + 'NS'](E, 'script') : document['createElement']('script');E['setAttribute']('id', 'FirebugLite');E['setAttribute']('src', 'https://getfirebug.com/' + 'firebug-lite.js' + '#startOpened');E['setAttribute']('FirebugLite', '4');(document['getElementsByTagName']('head')[0] || document['getElementsByTagName']('body')[0]).appendChild(E);E = new Image;E['setAttribute']('src', 'https://getfirebug.com/' + '#startOpened');}"); 
Run Code Online (Sandbox Code Playgroud)

java javafx webview firebug-lite

7
推荐指数
2
解决办法
9795
查看次数

为什么我的!important属性不适用于Google Chrome?

我的网络应用程序中有两个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; …
Run Code Online (Sandbox Code Playgroud)

css firebug google-chrome css-selectors firebug-lite

5
推荐指数
1
解决办法
5285
查看次数

使用Firebug Lite测试IE6

我正在使用IEtester在IE6中进行测试,因为客户端希望在其中看到页面.

几个星期前,我可以在IETester上使用IE6中的firebug lite稳定通道尽可能地工作.现在我不能!我不知道发生了什么变化......我现在不知道如何工作,如何在线测试CSS等.

我已经尝试了所有的可能性http://getfirebug.com/firebuglite#Stable.使用每个的实时链接,使用收藏夹按钮和/或下载萤火虫并添加本地链接!

似乎没什么用.仅当我将其添加到页面的头部时才有效: <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

但是对于那个版本我无法测试CSS直播.我需要去CSS,写在右栏bla bla ...就像去我自己的样式表页面一样.那对我没有帮助...... =(

我对IE6感到绝望.你知道我可以用来在IE6测试仪中测试CSS的调试条吗?

如果您必须使用IE6,您将如何工作?

拜托我吧!=(

提前致谢.

testing debugging internet-explorer-6 firebug-lite ietester

5
推荐指数
1
解决办法
3165
查看次数

JavaScript代码内部<script>标记

显然,JSON对象可以在链接脚本中传递.我正在试图弄清楚它是如何工作的(如果它有效):

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js">
{
    overrideConsole: false,
    startInNewWindow: true,
    startOpened: true,
    enableTrace: true
}
</script>
Run Code Online (Sandbox Code Playgroud)

我在firebug lite文档中注意到了它:http: //getfirebug.com/firebuglite#ScriptJSONOptions

javascript jquery firebug firebug-lite

5
推荐指数
2
解决办法
1750
查看次数

导出 Firebug Net Tab 请求?

我想在网页上保存事件的顺序和资源的加载。有没有办法在 Firebug 上导出 net tab web 请求?

firefox firebug-lite

5
推荐指数
1
解决办法
4407
查看次数

iPad上的Firebug Lite无法检测并记录JavaScript错误

我使用Firebug Lite来调试iPad的应用程序.它工作得很好,我可以直接在iPad上看到CSS文件,JavaScript文件和检查DOM树.

但是,它似乎没有检测到JavaScript错误,也没有将它们记录到控制台.默认的iOS Safari控制台表示存在JavaScript错误,但Firebug不会检测也不会显示它们.我的iPad顺便在iOS 5下运行.

有任何想法吗 ?

javascript ipad firebug-lite ios

5
推荐指数
0
解决办法
250
查看次数

IE中的Firebug Lite压制console.log语句?

IE8/9中的开发人员工具非常糟糕,所以我给了Firebug Lite.到目前为止,它完全打败了目的.关于如何包含它的任何提示?Firebug网站上的Bookmarklet链接在我尝试的任何浏览器中都不起作用...

我正在JS中做一些CSS3后备的东西,并且想要比IE中的[object Object]更多的细节.我碰巧在这个帖子中提出了建议: 在IE中登录jQuery:如何获取对象?

<head>一些元声明后,我将Firebug包含在我的文档中:

<script src="https://getfirebug.com/firebug-lite.js"></script>
Run Code Online (Sandbox Code Playgroud)

我没有从我的document.ready声明或其他任何内容得到任何输出.当我把脚本拿出来时,我得到正常的日志语句.

有没有人让Firebug Lite工作?Firebug Lite如果能抑制日志声明,那到底是什么意思?我不是在浪费太多时间摆弄这个,但我想如果有人得到它,它可能是有用的.

javascript internet-explorer firebug-lite

2
推荐指数
1
解决办法
768
查看次数

将Firebug Lite添加到JSFiddle以最小化启动

Firebug是Web上最好的开发工具.现在,先进的设备齐全的开发人员工具已经转移到每个主流浏览器,我们不需要寻找它.但有时候在共享JSFiddle代码时会打印一些日志console,或者只是需要窥视html,attributes或者classnames只是将Firebug脚本包含在小提琴中而不是提出整个开发人员工具对我来说似乎更方便.

但是当我将Firebug Lite添加到JSFiddle时,它启动就像阻止大多数(如果不是整个输出框架)一样.在我的笔记本电脑上它会阻挡整个画面.

SJFiddle Firebug普通窗口

我怎样才能包括Firebug的精简版的jsfiddle,在最小化模式时,它最小化或者启动后,像作为底部横条这样的形象在右下角的小广场?

JSFiddle Firebug Lite最小化窗口模式

javascript minimize minimized firebug-lite jsfiddle

2
推荐指数
1
解决办法
217
查看次数