Question

我想做一个简单的扩展，以节省短贴纸。我只是将粘贴放在表单中会改变表单下方div的innerHTML;但是，这不是我遇到的问题。

我的问题是，当我尝试使用Chrome扩展程序中的代码时，它无法更改表单下div的innerHTML，但是当我在浏览器上清楚地运行代码时，代码会执行我想要的操作按照我的预期去做和工作。

我的代码有问题吗？ Chrome扩展程序是否需要执行任何其他操作才能使我的JavaScript代码正常工作？一切都有帮助！

由于

代码： HTML：

<!doctype html>
<html>
    <head>
        <title>Getting Started Extension's Popup</title>
        <style>
            body {
                min-width: 357px;
                overflow: hidden;
                height: 700px;
                background-color: #F7F8E0;
            }

        </style>

    <!--
      - JavaScript and HTML must be in separate files: see our Content Security
      - Policy documentation[1] for details and explanation.
      -
      - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
     -->
    <!--<script src="popup.js"></script>-->
    <script src="pastebook.js"></script>
    </head>
    <body>
        <form name="newpaste">
            New Paste: <input type="text" name="pasteform" value="Paste your new Paste">
            <button type="button" onclick="newPaste()">Save Paste</button>
        </form>

        <div id="bookofpastes"></div>
    </body>
</html>

Javascript：

function newPaste() {
    newpaste=document.newpaste.pasteform.value;
    document.getElementById("bookofpastes").innerHTML=newpaste;
}

如果有帮助，我的manifest.json文件：

{
    "manifest_version": 2,

    "name": "pastebook",
    "description": "Keep a list of all your pastes here",
    "version": "0.1",

    "browser_action": {
        "default_icon": "book2.png",
        "default_popup": "pastebook.html"
    }
}

Answer 1

显然，您无法在清单版本2中使用内联JavaScript代码：

https://groups.google.com/a/chromium.org/forum/#!topic/chromium-apps/BEAGuCsX4pU

HTML / JS代码在普通浏览器视图中工作，但无法用作Chrome扩展程序？

1 个答案: