gpt4 book ai didi

javascript - 我如何获取 options.html 中设置的选项?

转载 作者:行者123 更新时间:2023-12-02 19:48:59 25 4
gpt4 key购买 nike

我读到Google Chrome Extensions Developer's Guide仔细地,它告诉我将选项保存在 localStorage 中,但是 content_scripts 如何能够访问这些选项呢?

示例:

我想为几个域编写一个脚本,并且该脚本应该共享这些域上的一些选项。

内容脚本:

//Runs on several domains
(function(){
var option=getOptions();
//Get options which have been set in options.html
if(option){
doSome();
}
})

选项页:

<html>
<head>
<title>My Test Extension Options</title>
</head>
<body>
option: <input id="option" type="text" /><br />
<input id="save" type="submit" /><br />
<span id="tips">option saved</span>
<script type="text/javascript">
(function(){
var input=document.getElementById('option');
var save=document.getElementById('save');
var tips=document.getElementById('tips');
input.value=localStorage.option||'';
// Here localStorage.option is what I want content_scripts to get.
function hideTips(){
tips.style.visibility='hidden';
}
function saveHandler(){
localStorage.option=input.value||'';
tips.style.visibility='visible';
setTimeout(hideTips,1000);
}
hideTips();
save.addEventListener('click',saveHandler);
})();
</script>
</body>
</html>

最佳答案

我认为您可以使用 chrome.extensions.* API 创建与在您的扩展 ID 下运行的后台页面的通信线路,从而为您提供本地存储。

我认为这是可能的,因为 Content Script文档指定 chrome.extensions* API 可用于内容脚本。但我从来没有尝试过这个。

当建立连接时,您只需将消息从后台页面发送到内容脚本即可。您甚至可以发送一条消息,其中包含文字对象中的所有设置。

Here is an example创建我之前写过的双向通信。您可以实现此功能或创建自定义解决方案,但我认为这就是您实现所需目标的方式。

关于javascript - 我如何获取 options.html 中设置的选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9541873/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com