Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
So, I'm working with some JS in Firefox and also working with the jetpack sdk. I am working in a JS editor, and then I run the sdk through the command line. However, when there is a bug there is no way to debug this because the JS is being run/loaded before the page and the DOM so firebug is to no avail.
Can anyone recommend a better tool for this? It is quite tedious "making educated guesses" about where errors are starting.
There is no need to install Venkman or Firebug anymore, just use the built in debugger.
On Firefox 19 or later, it's possible to use the built-in JS debugger on the browser itself. Go to about:config and set the following two prefs:
devtools.chrome.enabled: true
devtools.debugger.remote-enabled: true
After you restart the browser, the Web Developer menu will contain a "Browser Debugger" entry.
(https://developer.mozilla.org/en/docs/Debugging_JavaScript)
You might want to check out the JavaScript debugger Venkman.
It's slightly more powerful than the debugger provided by FireBug.
Here's the Venkman Walkthrough which covers the basics. Not sure why they don't link to it from the front page...go figure.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I am trying to create addon for firefox that will add some functionality to firefox developer tools. similar to Ember inspector (https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)
Is there any good tutorial or sample of code that will guide me through creating a hello world addon that will add a tab into firefox developer tools.
Thank you in advance.
As mentioned on twitter, check out these example extensions:
https://github.com/mozilla/addon-sdk/tree/master/examples/actor-repl
https://github.com/mozilla/addon-sdk/tree/master/examples/debug-client
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I bought a responsive admin panel template built with bootstrap. I have a question:
What is the best way of using tools to implement jquery calls to a webservice to update stats and the rest of functions on the page. I also used to it in notepad++ but I need more efficient tools for developing javascript and adding it to the .html files of the admin panel.
if you can pay for license then webstrom is best.
I am from java background therefore I use eclipse ide
The tool you use is your own choice. Some people will feel better on notepad++, other better with Sublime Text,...
You have to try them to make your own opinion and choose the one you feel most confortable with.
The code predictor you're talking about is called intellisense.
Take a look at this question. It seems to be quiet similar as your question : https://stackoverflow.com/questions/925219/best-javascript-editor-or-ide-with-intellisense-and-debugging-possibly
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I would like to have a pinnable message for errors and success message display.
By default it disappears within seconds but if pinned, it remains on the page.
The message should be displayed floating above the html content but the html content must be accessible.
I have remembered using similar message somewhere a year ago, but could not find it to referenced it.
Is there any plugin for that, or any reference to start working on?
Further to gral.pancho.villa's capable answer above, here is another jQuery plugin that could be helpful.
The operative search term for this one is "Growl", which is a notification system used on Mac and Linux (and now Windows) OS.
http://www.erichynds.com/blog/a-jquery-ui-growl-ubuntu-notification-widget
Other references of debatable interest:
GROWL - Wikipedia
Growl for Windows
Growl for OSX
SU Ques
What about Sticky Notes? It is a jquery plug-in, and a base that you can start with.
You know, it was not hard to find. I guess that is why the Question got a couple of downvotes. Anyhow, the Key Words for this search were: "Sticky", "Note".
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
Looking for both css and javascript minifiers which are either for file download to run on the computer or single use online.
Ive done the google search thing, but wondered if theres any which come recommended??
Try code beautifier, CSS Beautify and JS Beautifier
This is what I personally use and it has assisted me a lot.
Hope this helps.
https://addons.mozilla.org/en-US/firefox/addon/yslow/
that can help you
i have installed it to found the external files , css, images , scripts.
and that also minified the css files that tool can minified
You can find js beautify/minify at http://codebeautify.org/jsviewer/ and css beautify/minify at http://codebeautify.org/cssviewer also you can file other tools for developer at
These tools supports Loading data from url.
Copy and paste the data and user can also open files from local computer and test.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I am trying to see what Javascript functions are triggered when I do a certain action on a website. However, I can't seem to find a suitable solution that will be able to do this for me, and I can't manually go through the whole JS code since it's a lot, and I am not all that good with JS.
Any help would be appreciated.
Use Chrome and press the f12 key of your keyboard to display debugging interface. You can do step by step debugging from the 'Sources' tab.
Use Firebug (https://getfirebug.com/), a plugin for Firefox.
You might want to look into "Visual Event". It's a Chrome Extension that lets you inspect events that are bound to elements on the page. It also exists as a bookmarklet for other browsers.
It won't help you with all events that are happening on the page, but it at least shows you the ones that are bound to elements.