首页 > 解决方案 > 有没有办法通过 vscode 将代码注入网站

问题描述

我在stackoverflow中发现了这个问题,有点相似但对我没有帮助。

我想为 vscode 找到一些扩展/插件,可以将 JS 和 CSS 代码注入给定的 URL。

例如,在 vscode 中设置 url 后,我创建了一个 js,并在保存文件时将此脚本注入到google chrome中映射的 url 或在 chrome 中打开的选项卡中。

chrome 有一个扩展可以做到这一点:用户 JavaScript 和 CSS

标签: javascriptvisual-studio-code

解决方案


这不是微不足道的,但绝对是可能的。

遗憾的是,我无法为您提供所有必要的信息,因为我对 VSCode 扩展功能的方式不够熟悉。

首先,你应该看看这个项目。它的源代码将包含有用的信息。

或者,我个人的建议是,您应该滥用 chrome 提供的远程调试器。这个项目是如何使用它的一个很好的例子。它连接到 chrome 远程调试器并公开一个 REPL。

有关于如何使用远程调试器执行任意 javascript 的现成文档。

下一部分将制作一个实际的扩展,它采用上述内容,将其联系在一起并监听“文件保存”事件或类似的东西。


推荐阅读