Question

我有一个页面我想用作chrome的扩展名。它包括：

-INDEX.HTML：

<html>
<body>
    <div id="one">
        some things
    </div>
    <div id="two">
        some other things
    </div>
</body>

<script type="text/javascript">
    toggle();
    window.onresize = function() {
        toggle();
    }

    function toggle() {
        if (window.innerWidth < 700) {
            document.getElementById('one').style.display = 'none';
            document.getElementById('two').style.display = 'block';
        }
        else {
            document.getElementById('two').style.display = 'none';
            document.getElementById('one').style.display = 'block';

        }
    }
</script>

-AND MANIFEST.JSON：

{
"name": "New Tab Page",
"description": "Woohoo! Description!",
"version": "1.0.0",
"manifest_version": 2,
"icons": {
"128": "icon.png"
},
"chrome_url_overrides": {
"newtab": "index.html"
}
}

当我使用chrome作为本地文件打开index.html时，它工作得很好，并且在调整页面大小时文本会发生变化。当我在chrome：// extensions中打开包含文件夹时，进入开发人员模式，并将其作为未打包的扩展名加载，＃one和#two都会出现，而不仅仅是#one。

有什么方法可以解决这个问题吗？

如何在Chrome扩展程序中显示和隐藏元素？

0 个答案: