Chrome扩展程序将外部JavaScript添加到当前页面的HTML
Chrome扩展程序将外部JavaScript添加到当前页面的HTML
在Chrome扩展程序中，你可以通过content_scripts和js标签来将外部JavaScript脚本添加到当前页面的HTML中。下面是如何实现的方法：
- 创建一个Chrome扩展程序：
首先，你需要创建一个Chrome扩展程序，这可以通过创建一个文件夹，然后将其命名为my-extension来实现。在文件夹中，创建一个名为manifest.json的文件，并添加以下代码：
{
"manifest_version": 2,
"name": "My Extension",
"version": "1.0",
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["external_script.js"]
}
]
}这个配置文件告诉Chrome扩展程序在所有的网站页面上加载external_script.js脚本。
- 创建
external_script.js脚本：
在my-extension文件夹中，创建一个名为external_script.js的文件，并添加以下代码：
console.log("External script loaded");这个脚本将在控制台中打印一条消息。
- 在页面中添加HTML和JavaScript代码：
打开你想要在页面中添加外部脚本的网站，并创建一个HTML文件，例如index.html，然后添加以下代码：
<!DOCTYPE html>
<html>
<head>
<title>My Extension</title>
</head>
<body>
<h1>Hello, World!</h1>
<script src="external_script.js"></script>
</body>
</html>这个HTML文件引用了external_script.js脚本，并将它添加到页面的HTML中。
现在，当你运行Chrome扩展程序时，你可以在控制台中看到External script loaded消息，并且在页面中可以看到Hello, World!文本。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
