Home/ Questions/Q 6586769
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T16:49:59+00:00

Chrome developer tools allows you to edit javascript in the browser if the javascript

  • 0

Chrome developer tools allows you to edit javascript in the browser if the javascript is in a .js file. However, it does not seem to allow me to edit javascript that is embedded in an HTML page. ie:

<script type="text/javascript> 
// code here that I want to debug/edit
</script>

This is a big problem for me as I have quite a bit of embedded javascript in a certain page.

Similar to this question: Edit JavaScript blocks of web page… live but this is about firefox, not chrome.

How can I edit javascript embedded in an HTML page using Google Chrome Developer Tools?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Actually chrome allows to do that, choose HTML files in Sources tab in Developer tools window. You will see HTML instead of javascript and simply add breakpoints in the <script> tags. Also you can add debugger; command to script what you want to debug. For example:

    <script>
 // some code
 debugger; // This is your breakpoint
 // other code you will able to debugg
</script>

    Don’t forget to remove debugger;‘s when you want to release your website.

    • 0