如何在浏览器控制台中执行 JavaScript 模块

文章预览

在Web开发过程中，有时需要在特定网站的上下文中执行脚本，比如收集网页上显示的数据、自动执行诸如点击按钮等操作，或者修改网站的某些行为。通常的做法是登录网站，打开DevTools中的控制台，然后粘贴并执行脚本。这种方法虽然直接，但存在一些不便之处。本文将介绍一种更高效的方法来在浏览器控制台中执行JavaScript模块。 传统方法的局限性 代码修改后需要重复从编辑器复制并粘贴到控制台。 JavaScript模块不能直接在浏览器控制台中执行。 虽然可以通过打包模块来解决第二个问题，但反复的复制粘贴操作仍然令人烦恼，且容易出错。 高效的模块执行方法 可以使用动态 import 来解决这些问题。具体步骤如下： 1.启动HTTP服务器 使用Visual Studio Code的Live Server或node http-server等工具，从工作目录提供文件服务。 2.在控制台中使用动态导入 执行类 ………………………………