浏览器怎么调试代码（浏览器怎么自己写代码）

1、打开要调试的网页，按F12，调出浏览器的开发者工具。

2、 在开发者工具中，点击“调试器”，在左侧“来源”菜单中找到要调试的js文件，或者包含js代码的网页文件，点击该文件，右侧窗口查看程序代码，在需要调试的代码的序号处单击添加断点。

3、按F5刷新当前页面，开发者工具中，程序会在设置断点的位置暂停，此时可使用右侧的调试按钮进行跨越、步进、步出等调试。

4、如果要查看js程序中的变量，则选中该变量，右击，选择“添加监视表达式”，在开发者工具右侧可以查看该变量的实时数据。