Wo树先森 发表于 2019-6-17 20:02

【java】前端调试小结

本帖最后由 Wo树先森 于 2019-6-18 10:17 编辑

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

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

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

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

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

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


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


页: [1]
查看完整版本: 【java】前端调试小结