Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

How can I get Firebug to step-through inline javascript code?

Tags:

javascript

firefox

firebug

When my javascript code is contained in a HEAD block in my HTML file, it seems I can't set a breakpoint on it to debug it.

How can I do this?

alt text http://www.deviantsart.com/upload/mhmbha.png

this is what I see under the script tag:

alt text http://www.deviantsart.com/upload/17g116c.png

alt text http://www.deviantsart.com/upload/irki5p.png

alt text http://www.deviantsart.com/upload/mts9hn.png

Odd: when I take the javascript block OUT of my HTML <head> area, then the .htm page appears under scripts (kind of counter-productive):

alt text http://www.deviantsart.com/upload/5rfia.png

ok, the only solution I can find to this question is to put my HEAD scripts back into a .js file, anyone have a way to debug inline javascript?

like image 617
Edward Tanguay Avatar asked Feb 01 '10 04:02

Edward Tanguay

People also ask

Can you debug inline JavaScript?

Use the sources tab, you can set breakpoints in JavaScript there. In the directory tree underneath it (with the up and down arrow in it), you can select the file you want to debug. You can get out of an error by pressing resume on the right-hand side of the same tab.

How do I use JavaScript inline?

Inline JavaScript can be achieved by using Script tag inside the body of the HTML, and instead of specifying the source(src=”…”) of the JavaScript file in the Script tag, we have to write all the JavaScript code inside the Script tag.

How do I debug JavaScript in HTML code?

Start debugging Set the breakpoints in the JavaScript code, as required. Open the HTML file that references the JavaScript to debug or select the HTML file in the Project tool window. From the context menu of the editor or the selection, choose Debug <HTML_file_name>.

What is inline JavaScript code?

In JavaScript, inline function is a special type of anonymous function which is assigned to a variable, or in other words, an anonymous function with a name.

1 Answers

You should search for your code in the Script tab, you can't set breakpoints in the HTML tab.

alt text

Edit: In your second screenshot, you are looking the code of the Google JS API file, you can either, change the file manually (the red square at left on my screenshot), or use the search-box at the right:

firebug search

like image 167
Christian C. Salvadó Avatar answered Oct 21 '22 18:10

Christian C. Salvadó
Sign in to Comment

Related questions

Differences Between Named and Unnamed Anonymous Javascript Functions
Takes at least 2 refreshes to load a page
Prevent div scrolling up when bumped by div below it?
how to use useMediaQuery in class component
What does character 'n' after numeric literal mean in JavaScript?
Cognito user pool "username" appears as id not email, how to fix it?
Tap screen to trigger autofocus with getUserMedia
Why I am this Error in decoding JSON Web Token Error: error:0909006C:PEM routines:get_name:no start line
ESLint does not find React Native components
React Hooks - 0 vs. empty array as second argument in useEffect
useCallback necessary within React.memo?
Loading React hooks using dynamic imports?
Does JavaScript use hashtables for Map and Set?
Node can't find modules without .js extension
Typescript: deep keyof of a nested object, with related type
Jquery queueing animations
jQuery pull images from directory
create and modify xml file using javascript
Looking for web-based graph editing framework [closed]
What are techniques to get around the IE file download security rules?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!