Google chrome extension 将选项滚动到视图中，Firefox webextension
我正在使用选项ui更新扩展，当用户更新扩展时，我会调用Google chrome extension 将选项滚动到视图中，Firefox webextension,google-chrome-extension,firefox-addon-webextensions,Google Chrome Extension,Firefox Addon Webextensions,我正在使用选项ui更新扩展，当用户更新扩展时，我会调用browser.runtime.openOptionspage（），让他们知道新的选项页面，但对于某些屏幕尺寸，选项ui不可见，因此为了更好地使用户体验，我希望使用单选按钮滚动表单进入视图，我在输入元素上尝试了.scrollIntoView（），但它似乎不起作用。 我有一种感觉，这可能是不可能的，关于：插件，这是可能的吗 这是我的意思的图像 我的选项页面/代码： <body> <form> <la
browser.runtime.openOptionspage（）我有一种感觉，这可能是不可能的，关于：插件，这是可能的吗 这是我的意思的图像 我的选项页面/代码：
<body>
<form>
<label>Enable for:</label><br>
<input type="radio" name="setting" id="global" value="global"> All tabs<br>
<input type="radio" name="setting" id="tabs" value="tabs"> Only tabs I click the icon in
</form>
<script src="options.js"></script>
</body>
这些选项位于容器内，因此您无法滚动父页面。看起来Firefox开发者还没有考虑过更小的流行显示尺寸。我认为这是一个设计缺陷，应该在他们的bugzilla上报告。没有真正的官方解决方案。按照建议，提交一个bug。但是，您始终可以在单独的选项卡或窗口中打开“选项”页面，其中只包含您的选项。选项页面只是另一个HTML页面，可以在任何地方打开。我最后使用了一个较小的about:addons描述，它将表单元素置于页面的更高位置。我知道单独的选项页，但如果我走这条路线，那么选项在大约：插件中不可用？我个人喜欢插件页面的外观，而不是完全独立的选项页面。选项在一个容器中，所以你不能滚动父页面。看起来Firefox开发者还没有考虑过更小的流行显示尺寸。我认为这是一个设计缺陷，应该在他们的bugzilla上报告。没有真正的官方解决方案。按照建议，提交一个bug。但是，您始终可以在单独的选项卡或窗口中打开“选项”页面，其中只包含您的选项。选项页面只是另一个HTML页面，可以在任何地方打开。我最后使用了一个较小的about:addons描述，它将表单元素置于页面的更高位置。我知道单独的选项页，但如果我走这条路线，那么选项在大约：插件中不可用？我个人喜欢插件页面的外观，而不是完全独立的选项页面。
function restoreOptions() {
document.getElementById("tabs").scrollIntoView(); //nada
var mode_getter = browser.storage.local.get("tab_mode");
mode_getter.then((obj) => {
switch (obj.tab_mode) {
case "tabs":
document.getElementById("tabs").checked = true;
break;
default:
document.getElementById("global").checked = true;
}
});
}
document.addEventListener('DOMContentLoaded', restoreOptions);
document.querySelector("form").addEventListener("change", saveOptions);