怎么在浏览器加载本地的js

怎么在浏览器加载本地的js

问题描述:

怎么在浏览器加载本地的js,就是单纯的为了调试,看下自己写的js输出的是什么。

浏览器一般有扩展或者插件设置,找到设置,打开开发者模式,加载自己的js代码就行,具体教程看这篇:
我用#CSDN#这个app发现了有技术含量的博客,小伙伴们求同去《谷歌(Chrome)浏览器自定义插件》, 一起来围观吧 https://blog.csdn.net/qq_37128815/article/details/115296926?utm_source=app&app_version=4.18.0&code=app_1562916241&uLinkId=usr1mkqgl919blen

F12调出控制台,在控制台里粘贴你的代码,回车运行

新建一个页面,加上

<script src="本地js完整路径及文件名" ></script>

由于很多 js 框架做了闭包处理,很多数据无法直接在控制台输出,必须用断点方式来调试及查看

img

在 source 页里,对 js 打上断点后,可以在控制台输出当前过程中的所有可用的方法、变量


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
<script>
  function main(){
    console.log(2222);
    
  }
  window.onload=main()
</script>
</html>

img

写个html 链接 引用js