【java】前端调试小结

Wo树先森

     接触java 开发也将近一年，当时也是一时激愤就自学走上了开发之路。比起科班出身的同行，开始之路不易，学习之路长漫漫。

     接下来分享一下前台调试经验，群里大神勿喷，俺还很菜。

     备注：谷歌浏览器  调试，，，图片进行了相应打码，还请见谅

    1、断点调试，，在需要调试的函数里，debugger，见图一
     
    2、在被调试的页面，按下f12,  然后触发已经打断点的函数（根据写的函数功能进行相应触发，如点击按钮触发、页面自动刷新触发），见图二、图三
          在调试页面，，看到已经进了断点，按f10 就能一步一步调试（或点击图三，相应快捷调试按钮进行调试），鼠标指针悬浮在要看的变量上面，能看到相应值，
   
    3、 另外，点击图四，我们也能切到控制台界面，见图五
       在红色框处，可以手动输入要调试的方法或变量，进行调试，挺方便的。

    4、页面某些样式进行调整，如：图六
       修改上述文本框的style，按f12，然后点击图七，调试页面或自动锁定需要调试的文本框代码处，见图八

       在右侧窗口，filter可手动过滤要修改的变量或样式，右下方可手动改值调试


   注：本人还很水，如果你有更好的调试方法，欢迎分享沟通