firebug | 易学教程

常用前端开发工具合集

阅读更多关于常用前端开发工具合集

1.Firebug http://getfirebug.com/ 最流行的前端开发工具 2.HttpWatch http://www.httpwatch.com/ 集成在IE和Firefox上的监听HTTP和HTTPS的工具 3.Fiddler http://www.fiddler2.com/fiddler2/ Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理 4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US 和HTTPWatch很类似的一个工具 5.Yslow http://developer.yahoo.com/yslow/ Firebug的一个扩展，可以根据高性能网站的一些准则来分析网页并且提出建议来提高网站的性能 6.Css Usage https://addons.mozilla.org/zh-CN/firefox/addon/10704 Firebug的一个扩展，可以用来察看哪些CSS被用到了 7.VIM http://www.vim.org/ 一个高级的文本编辑工具，是在UNIX系统上面VI编辑器的升级版本 8.Editplus http://www.editplus.com/ Windows系统上的一个好用的文本编辑器 9.DNS Flusher

Firebug-like debugger for Google Chrome

阅读更多关于 Firebug-like debugger for Google Chrome

问题 Is there anything like Firebug that you can use within Google Chrome? Essential features I would like: Inspect HTML source (select elements, delete them, etc.) check CSS values (the built-in solution is weird, somehow) 回答1: There is a Firebug-like tool already built into Chrome. Just right click anywhere on a page and choose "Inspect element" from the menu. Chrome has a graphical tool for debugging (like in Firebug), so you can debug JavaScript. It also does CSS inspection well and can even

Is there a plugin that allows me to automatically unminify the Javascript included on a site? [closed]

阅读更多关于 Is there a plugin that allows me to automatically unminify the Javascript included on a site? [closed]

Is there a plugin, add-on, Greasemonkey script or something similar (at worst, an easy to use proxy?) that automatically unminifies the Javascript files included on a site? I know about e.g. jsbeautifier.org but doing this externally doesn't allow me to set breakpoints in the unminified code, for example. Typical use cases for me: Analysing and learning from complex web frontends. Debugging Greasemonkey scripts which interact with the existing code. I'm primarily interested in a solution that works with Firebug, but if there's something for the dev tools of Chrome or Opera, I'd like to hear

Common idiom to avoid IE throw: Error: 'console' is undefined

阅读更多关于 Common idiom to avoid IE throw: Error: 'console' is undefined

问题 I've installed firebug and I wrote all these log statements. I've tested my app in IE and of course I've got "undefined" error. What's the common idiom to avoid this. I don't really feel like commenting all the console.log statements in my file nor to mock them. Well I'm not sure what to do. 回答1: i usually make a wrapper function like so: function log(obj) { if (window.console && console.log) console.log(obj); } or you could do something like this at the beginning of your script file/element:

Firebug says “No Javascript on this page”, even though JavaScript does exist on the page

阅读更多关于 Firebug says “No Javascript on this page”, even though JavaScript does exist on the page

Why does Firebug say there is No Javascript on this page when there are clearly loads of JavaScript on the page. I even reloaded the page several time to make sure but it still show the same message. It never used to do that before, but all of a sudden it misbehaves. Is it because of some configuration issues or because of something else? As of Firefox version 50, it seems that Firebug will no longer work as Mozilla are migrating to Firefox Devtools . The tab Tools/Web Developer has a 'debugger' option. See this page for a discussion on the migration. Read all the posts dated 19 November for

What is the behavior of typing {a:1} giving 1, and {a:1, b:2} giving an error in a Javascript console?

阅读更多关于 What is the behavior of typing {a:1} giving 1, and {a:1, b:2} giving an error in a Javascript console?

The following will show in Firebug or in jsconsole.com or in other Javascript interactive console: >>> foo = { a : 1, b : 2.2 } Object { a=1, more...} >>> foo.a 1 >>> foo.b 2.2 >>> { a : 1, b : 2.2 } SyntaxError: invalid label { message="invalid label", more...} >>> { a : 1 } 1 why is the 1 returning for {a : 1} and why is {a : 1, b : 2.2} giving an error? In Ruby, they would come back the same way you defined it. CMS The second line is giving you a SyntaxError because the { token at the beginning of it causes an ambiguity, the parser treats it as if it were a Block statement , not the start

怎样下载安装Firebug和使用Firebug

阅读更多关于怎样下载安装Firebug和使用Firebug

Firebug是基于火狐（FireFox）浏览器的一个插件，它的作用是给Web页面开发者一个很好的测试前端页面代码的工具。所以深受网页开发者或网页布局爱好者的喜爱。像我们用DIV+CSS和html所写的页面代码，都可以用Firebug来测试和调试。 1、FireBug怎么下载安装？首先，我们的电脑上必须安装好一个火狐浏览器，然后在启动好火狐浏览器之后，在顶部菜单栏的“工具”里，找到“附件组件”，点击之后，就可以进到一个火狐浏览器的插件库，这里有非常多的可用的火狐插件，我们在搜索框里搜索“firebug”，就可以发现一个名称为“Fire bug ”的插件，这个就是我们要找的firebug了，它有一个重要的标志就是图片为一个小爬虫。点击后面的下载安装即可了。 2、Frebug怎么使用？在安装完firebug之后，就可以重启火狐浏览了，此时我们可以发现在搜索框的右边有一个“小爬虫”的图标，对了，这就是我们安装成功的firebug插件，当我们成功打开网页后，点击这个“小爬虫”的图标后，就可以启动firebug插件了，在浏览器的下面就可以发现firebug在左边为我们罗列了网站的整体架构布局，而在右边就有具体的css样式了。当然我们也可以使用快捷键“F12”来快速启动firebug。转载于:https://www.cnblogs.com/wangpingwqq/p/3478864

Access variables in jsFiddle from Javascript console?

阅读更多关于 Access variables in jsFiddle from Javascript console?

问题 I created a fiddle with the following code: var x=10; When I try to view this in the console, I get the following: > x ReferenceError: x is not defined Makes sense, as it takes Javascript to run the console. Is there a way to get this working? 回答1: If you use Chrome or Chromium, looks at the bottom of your developer console, where the string <top frame> appears. Click on it and select result(fiddle.jshell.net) . This will change the current scope of the browser and you can access to all the

Suppress Firefox/Firebug SHA-1 warning

阅读更多关于 Suppress Firefox/Firebug SHA-1 warning

问题 I use Firebug for web development. Since version Firefox 37 I see the following annoying message in my console: This site makes use of a SHA-1 Certificate; it's recommended you use certificates with signature algorithms that use hash functions stronger than SHA-1" I understand that it is an important message, but it is duplicated many times and makes my work almost impossible. Moreover, it appears every time my page communicates with other pages, for example with Google Analytics and other

用 Firebug 动态调试和优化应用程序

阅读更多关于用 Firebug 动态调试和优化应用程序

简介 Firebug 是 Mozilla Firefox 浏览器的开源扩展，提供了很多工具，可以监视、编辑和调试任何 Web 站点的级联样式表（CSS）、HTML、文档对象模型（DOM）和 JavaScript。Firebug 包括一个 JavaScript 控制台、一个日志记录 API 以及一种有用的网络监视器。借助 Firebug，可以很轻松地调试和优化 Web 和 Ajax 应用程序。本文将帮助您熟悉所如下的 Firebug 特性：编辑活动 Web 页面的 HTML、CSS 和 JavaScript 调试和剖析报告进行日志记录以测试执行时间使用 Network Monitor 分析 Web 页面的加载时间错误报告立即开始使用 Firefox，下载 Firebug 。通过单击页面右侧的橙色按钮 Install Firebug 安装此扩展。 Firefox 安装了此扩展后，重启浏览器。要使用 Firebug：转到任何一个 Web 页面并按 F12 在浏览器窗口打开 Firebug。按 CTRL-F12 在另一个窗口打开 Firebug（如果有两个监视器，这是一个很好的特性）。本文使用了第一种方法在相同的浏览器窗口中打开 Firebug，如图 1 所示：图 1. 安装后的 Firebug 安装后，Firebug 是禁用的。单击 Enable Firebug

订阅 firebug