我正在开发我的第一个谷歌浏览器扩展程序,遇到了一些问题。我想在popup.html中使用jQuery,但是jQuery无法正常工作,而弹出窗口本身可以正常工作。
编辑:我已经进行了更改,这是新代码,但仍然无法正常工作。有什么想法吗?我已经花费了两个多小时来尝试解决问题。我是扩展程序的初学者,而且对JavaScript和jQuery很生疏,所以问题可能很小,也可能很尴尬...非常感谢!
manifest.json
"content_scripts": [{
"matches": [website],
"js": [
"content.js",
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"]
}],
popup.html
<!DOCTYPE html>
<html>
<head>
<title>First Google Extension</title>
<style>
body {
font-family: "Segoe UI";
width: 300px;
font-size: 14px;
};
#changeMe {
color: blue;
font-style: bold;
};
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
Welcome to my first Google Chrome Extension! <br>
<div id="changeMe">
I'm different!
</div>
</body>
</html>
popup.js
$(document).ready(function() {
$("#changeMe").append("Test!");
});