JavaScript debugger调试

最新推荐文章于 2025-06-27 11:08:34 发布

GGYY__

最新推荐文章于 2025-06-27 11:08:34 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_52682120/article/details/124677788

JavaScript 练手项目专栏收录该内容

6 篇文章

订阅专栏

本文主要探讨了JavaScript的debugger工具，如何通过F10逐步执行代码，F11进入函数内部观察执行过程，以及F12开启调试模式，帮助前端开发者更好地理解和调试JavaScript代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

debugger

F10 ：一行行执行，看到方法一步执行完，无法看到方法的执行情况。
F11：～～进去方法内部，可以看到方法的执行。
F12：进入调试模式。

<script>
 input.onkeyup=function(){
				  debugger;
				  show.style.display="block";
		 //2 元素匹配
		   // input.value 和 arr数组中的每一位进行匹配   indexOf()  匹配不到就-1
		   let str="";
		    arr.forEach((item)=>{
				//包含判断
			let res=item.indexOf(input.value);
			if(res!=-1){
			   str+="<p>"+item+"</p>";
			}
			})
			 //如果input.value 即搜索不到 或者 str为false 提醒用户
			if(!input.value || !str){
				
		       show.innerHTML="<p>暂无结果</p>";
			  } 
			else{
				show.innerHTML=str;
			}
		}
		</script>