Alert erscheinen nicht in popup.html der chrome-Erweiterung

Ich bin noch sehr neu mit chrome-Erweiterungen und bin einfach nur testen Dinge aus.
Jetzt habe ich eine popup.html das mit einem kurzen Formular, das ich will, um eine Benachrichtigung zu erstellen, wenn submit geklickt wird. Ich kann nicht für das Leben von mir herauszufinden, warum es nicht funktioniert.

<!doctype html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="popup.js">

</script>
</head>
<body onload="alert('open')">
<form>
Username: <input type='text' id="username" name='username'></input>
Password: <input type='password' id='password' />
          <button onclick="alert('test');return false;">Login</button>
</form>
</body>
</html>

Irgendwelche Vorschläge?

Edit: ich habe sogar ein onload in den body-tag, um zu sehen, wenn eine Warnung öffnen würden, es aber es funktioniert nicht. In der popup.js ich habe eine Warnung öffnen Sie auf Fenster.onload und das funktioniert aber.

InformationsquelleAutor Eric Smith | 2012-04-08
  1. 10

    Stoppt die Funktion nach der Sie false zurück.
    Setzen return false am Ende der Anweisung, dann Ihre Warnung sollte funktionieren. Oder Sie konnten, nehmen es heraus.

     <button onclick="alert('test')">Login</button>

    Update
    Nach einigen Recherchen fand ich heraus, das folgende...

    Inline-JavaScript wird nicht ausgeführt

    Inline-JavaScript, sowie gefährliche string-zu-JavaScript-Methoden wie eval, nicht > ausgeführt werden. Diese Einschränkung verbietet sowohl inline-Blöcke und inline-event-Handler > (z.B. ).

    Quelle hier

    • Hmm ich geändert, die verursachen, es macht Sinn, aber die Warnung ist immer noch nicht erschienen. Ich fügte sogar ein "onLoad" - um den Körper, um zu sehen, wenn eine Warnung geschehen würde, es aber es nicht nicht :/
    • Stellen Sie sicher, dass Sie laden Ihre Erweiterung, wenn Sie änderungen vornehmen. Sie finden diese, indem Sie chrome://settings/extensions# in chrome und klicken Sie auf den Namen der extension zu erweitern, um weitere Optionen anzuzeigen.
    • ah ich sehe! Okay, ich zog alles in eine seperate js-Datei, und verwenden addeventlisteners und es funktionierte perfekt. Danke!!
    • Hey Eric, würden Sie mir, hinzufügen von ein wenig extra Details, wie Sie das problem gelöst? Habe das gleiche problem hier, aber ich bin mir nicht sicher, wie Sie gehen über das hinzufügen eines Ereignis-Listeners.
    InformationsquelleAutor Larry Battle
  2. 4

    Dies könnte dein problem auch: inline-scripts funktioniert nicht mit "manifest_version":2

    So, ich habe das getestet, und mit dem folgenden manifest-code funktioniert!

    {
  "name": "test",
  "version": "1.0",
  "description": "test",
  "manifest_version":1,
  "browser_action": {
    "default_icon": "images/padlock.png",
    "default_popup":"html/popup.html"
  },
  "permissions": [
    "tabs", 
    "http://*/*"
  ]
}

    Sowieso.. es wäre besser zu handhaben Aktionen in popup.js aber zuerst ändern button-Attribute in popup.html um die folgenden: <button type="button">Login</button>

    popup.js:

    $(document).ready(function(){
    $(":button").click(function(){
        alert("test");
        //more code here...
    });
});

    Erinnern einfügen jquery.js in Ihrem <head> tag, in popup.html, gerade oben popup.js:

    <head>
<title>Test</title>
<script type="text/javascript" src="../js/jquery.js"></script> 
<script type="text/javascript" src="../js/popup.js"></script>
</head>

    Ich wünschte, es war nützlich. Grüße Jim..

    • Schätze Ihre Bemühungen, aber ich habe versucht, die änderung manifest_version , scheint nicht zu funktionieren für mich.
    InformationsquelleAutor Jim-Y
Schreibe einen Kommentar