如何在Chrome扩展程序的选项页面中访问chrome.runtime?

时间:2018-02-08 04:17:29

标签: javascript jquery google-chrome google-chrome-extension google-chrome-devtools

我想在chrome扩展开发中创建选项页面,这是清单:

"manifest_version": 1,
"author":"Handita Okviyanto",
"name": "My Extension",
"options_page": "home.html",

然后我想访问chrome.runtime中的home.html 文件看起来像这样:

<html>
....
<script src="app.js">
....
</html>

app.js看起来像这样:

$(document).ready(function(){
   var url = chrome.runtime.getUrl('login.html');
});

但是当我通过chrome开发人员进行调试时,结果为undefined。我可以通过background.jscontentscript.js

访问此内容

image chrome

我仍然在使用chrome对象的哪个页面中感到困惑。

更新

附加图片    chrome undefined

1 个答案:

答案 0 :(得分:0)

最后我发现了问题,我在库中添加了全局变量名const postData = { totalSum: 5000, event_id: 7, phone_number: '1298515352' }; let axiosConfig = { headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', "Access-Control-Allow-Origin": "*", } }; axios({ method: 'post', url: 'url', headers: axiosConfig, data: postData }) .then((res) => { const message = res.data; console.log(message); }) ,因此它被变量覆盖了。

所以我只是通过所有文件搜索名为chrome的所有变量。并在我包含的文件j中找到了chrome。