firebug

How to install Firebug lite IE8?

天大地大妈咪最大 提交于 2019-12-02 22:06:20
So we have reached that stage in a web dev project where we need to see how things look in IE. Sigh. So the fabulous Firebug is not available for IE. But a lite version is - as a bookmarklet, and is apparently compatible with IE6+. But how the how the hell do I add a bookmarklet to IE8? I am unable to drag and drop to the Favourites bar (is this the same as bookmarks?). I can't add it through the Favourites add option as it contains "illegal" characters. So how do I do this? All I want to do is inspect the DOM. Thanks Colin Pickard this is how I did it (IE 8.0.7600.16385 on Win7): Go to some

jQuery select list removes all options

旧时模样 提交于 2019-12-02 21:54:53
I have a <select> list, which has been populated with several options, but want to remove those options to start again. I am using jQuery and have tried the following: $("#selectId").length = 0; But this seems to have no effect. Part of my problem is that I am using Firebug to debug the JavaScript, but the debugger does not break at the breakpoint, so I cannot see what is going on. Should it break when the JavaScript is within the <head> of my HTML file? this would do: $('#selectId').html(''); Just $("#selectId option").remove(); works too. John Forbes $("#selectId").empty(); works for me. The

What is the best way to develop a website for mobile devices? [closed]

旧城冷巷雨未停 提交于 2019-12-02 21:02:58
Closed . This question needs to be more focused. It is not currently accepting answers. Learn more . Want to improve this question? Update the question so it focuses on one problem only by editing this post . What is the best way to develop a website for mobile devices? I can't seem to find a simulator/emulator for the mobile devices. Is there any way to edit the CSS from the mobile device like firebug? I am just looking for tips on how to develop for the phone because for some odd reason my website acts oddly on the iPhone and Droid. I would recommend you to use a framework for mobile

Javascript best practice: handling Firebug-specific code

☆樱花仙子☆ 提交于 2019-12-02 20:58:03
Firebug is certainly a wonderful tool for javascript debugging; I use console.log() extensively. I wanted to know if I can leave the Firebug-specific code in production. What's the best practice? Commenting the debug code? Tony Miller If you leave console.log() calls in your production code, then people visiting the site using Internet Explorer will have JavaScript errors. If those people have extra debugging tools configured, then they will see nasty dialog boxes or popups. A quick search revealed this thread discussing methods to detect if the Firebug console exists: http://www.nabble.com/Re

ignore firebug console when not installed

人走茶凉 提交于 2019-12-02 19:48:47
I use Firebug's console.log() for debugging my website. If I try viewing my website in browsers without Firebug then I get a console is not defined error. Is there a way to gracefully avoid this error? I found this potential solution , but it seems a bit cumbersome. And ideas? Firebug source code provides a file to do this : See firebugx.js Do not reinvent the wheel every day :) I always create my cross-browser wrappers for console.log alike functions and it looks like this: function log(a){ try{ console.log(a); }catch(er){ try{ window.opera.postError(a); }catch(er){ //no console avaliable.

How do I add items to an array in jQuery?

元气小坏坏 提交于 2019-12-02 17:50:30
var list = []; $.getJSON("json.js", function(data) { $.each(data, function(i, item) { console.log(item.text); list.push(item.text); }); }); console.log(list.length); list.length always returns 0. I've browsed the JSON in firebug and it's well formed and everything looks fine. I just can't seem to add an item to the array what am I missing? Derek Swingley Since $.getJSON is async, I think your console.log(list.length); code is firing before your array has been populated. To correct this put your console.log statement inside your callback: var list = new Array(); $.getJSON("json.js", function

Can I “step over” just jQuery code while debugging?

纵饮孤独 提交于 2019-12-02 17:33:42
While stepping through a script that uses jQuery, I just want to test the code I wrote . I don't want to step into the jQuery file -- I'm not debugging jQuery, just my own file. Are there any ways to tell a debugger to not step into the jQuery file? I use Visual Studio + Internet Explorer, as well as Firefox + Firebug for stepping through code ... and both seem to love to step through dozens of jQuery statements. For example, say I have a script like this: $("div").each(function() { $(this).hide(); }); This is technically a single statement -- therefore "Step Over" will execute all code at

Firebug and jQuery selectors in an iFrame

别来无恙 提交于 2019-12-02 17:18:20
I'm working on a web application and using the jQuery plug-in Colorbox to pop up a window that presents a form for editing elements of the parent window. I'm using Firebug to debug my Javascript and jQuery, and I noticed that I can't select an element in my Colorbox HTML form using the jQuery console command line. For instance: $date = $("#date"); returns nothing when run from the jQuery console command line, even though I have an input element with id="date" and the Firebug "element inspect" pointer can find the element in the iFrame. Is there a way to get Firebug's console to access the

External jQuery simply not executing

十年热恋 提交于 2019-12-02 16:08:05
问题 The code below was fully working when it was placed inside <script></script> tags on the running page. I since moved the code to an outside .js file for organizational purposes which caused the code to stop working - nothing happens when certain events should be fired. I ensured that the script was being included on the given page, and furthermore, I ensured that the link was valid through "view-source" (when I clicked on the script's path, the script loaded in a new window). The script

Firefox addon to view/edit/create localStorage data? [closed]

北慕城南 提交于 2019-12-02 15:41:45
Is there an addon that allows you to view, edit, localStorage information? If there is and it works as an extension of Firebug I will be extremely happy. Something like Google Chrome's Google Chrome http://img39.imageshack.us/img39/2057/localstoragechrome.png similar to Firecookie but for the localStorage Is there something like it? FireStorage Plus! A great new FireFox Addon which is officially recognized by Firebug is available from the Mozilla gallery: http://addons.mozilla.org/en-US/firefox/addon/firestorage-plus/ This plugin extends Firebug to give you the functionality you need. As with