如何从cjs chrome extension

Question

我安装了Google Chrome扩展程序cjs（网站自定义JavaScript）。

如果我在cjs编辑器中编写脚本，脚本工作正常：

我在js文件中编写脚本并将其放入我的IIS中，如下所示：

• 打开IIS管理器
• 右键单击“默认网站”
• 添加申请
• Alias = googleScript
• 物理路径：C：\ scripts \ google（例如）
• 我创建了一个googleScript.js文件并将其保存在C：\ scripts \ google中。该文件的内容为：提醒（＆＃34; Google＆＃34;）;
• 我点击了Connect As并选择应用程序用户（传递身份验证）
• 我打开了位于googleScript（在IIS中）的默认文档并添加了一个名为googleScript.js的新默认文档
• 当我右键点击googleScript并选择管理应用程序 - >浏览时，正在使用我编写的脚本打开一个新网页。该网页的网址为 http://localhost/googleScript/
• 现在回到cjs扩展名，而不是 alert（＆＃34; Google＆＃34;）; 我写了 // localhost / googleScript / googleScript.js; 。

调用脚本文件时，警报不再起作用。什么是从cjs chrome扩展名调用脚本文件的正确方法？

Answer 1

阅读

• "No 'Access-Control-Allow-Origin' header is present on the requested resource"

继续......

我创建了一个小weave，您可以用它来为您的应用程序/扩展程序试验这个想法。

现在，这是一种在线获取和保存外部脚本源的方法。

var download_to_textbox = function (url, el) {
      return $.get(url, null, function (data) {
        el.val(data)
      }, "text")
    };

获取脚本源代码并将其添加到textarea

download_to_textbox('libraries/alertifyjs/css/alertify.min.css', $('.alertifyjs1'));

使用FileSaver.js保存文件 - https://github.com/eligrey/FileSaver.js/

var blob = new Blob([ $('.alertifyjs1').val() ], {type: "text/html"});
saveAs(blob, "alertify.min.css");

Answer 2

这是我在Chrome 85上使用Custom JavaScript for Websites 2, version 3.4.5进行的操作。永久这样做不是一件好事，Chrome团队有充分的理由禁用对本地主机的不安全请求。

1. 启用chrome：// flags /＃allow-insecure-localhost（将其粘贴到网址栏中）

2. 将http://localhost添加到chrome：// flags /＃unsafely-treat-insecure-origin-as-secure并启用

3. 重新启动Chrome

4. 在终端窗口中，创建一个包含您的javascript文件的目录（假设它名为my-script-file.js）

通过cd进入

5. Serve that directory并运行python3 -m http.server

6. 将此行添加到cjs：

//localhost:8000/my-script-file.js

（{python3 -m http.server默认在端口8000上服务）

1. 点击CJS弹出窗口左上方的“保存”

现在您应该在Chrome DevTools的“网络”标签中看到对//localhost:8000/my-script-file.js的请求。