google-chrome-extension - grammarly - google chrome apps
no puede acceder al archivo popup.js después de crear una extensión de Chrome (1)
manifest.json
{
"name": "Summer",
"version": "1.0",
"manifest_version": 2,
"description": "This is an addition extension",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}
popup.html
<!doctype html>
<html>
<head>
<title>Getting Started Extension''s Popup</title>
<!-- JavaScript and HTML must be in separate files for security. -->
<script src="popup.js"></script>
</head>
<body>
<form name="form">
<div id="sayi1">Sayı 1 : <input type = "text" name="deger1"></div>
<div id="sayi2">Sayı 2 : <input type = "text" name="deger2"></div>
<div id="sonuc">Sonuç : <input type = "text" name="cevap"></div>
<div id="button"><input type="button" value="Hesapla" onclick="hesaplama()" /></div>
</form>
</body>
</html>
popup.js
function hesaplama()
{
var sayi1 = window.document.form.deger1.value;
var sayi2 = window.document.form.deger2.value;
var toplam = parseFloat(sayi1) + parseFloat(sayi2) ;
window.document.form.cevap.value = toplam;
}
Cuando cargo esta extensión, puedo ver normalmente. Pero cuando llené el cuadro de texto deger1 y deger2 y presioné el botón, la función no funciona, en el cuadro de texto sonuc (cuadro de texto de resultados) es nulo. ¿Cómo puedo arreglarlo? Soy nuevo en la creación de extensiones de Chrome. Gracias por tu ayuda.
Tienes manifest_version : 2 en tu manifiesto, así que lee los cambios que introduce ...
http://code.google.com/chrome/extensions/manifestVersion.html
Ha accedido a la consola Se Refused to execute inline event handler because of Content-Security-Policy , debido al controlador de eventos onclick en su html ( <input type="button" value="Hesapla" onclick="hesaplama()" /> ) Con la versión manifiesta 2 esto no está permitido, debe adjuntar el convocador de eventos desde su código js y no desde el html.
Aquí hay una versión de trabajo de tu código ...
popup.html
<!doctype html>
<html>
<head>
<title>Getting Started Extension''s Popup</title>
<!-- JavaScript and HTML must be in separate files for security. -->
<script src="popup.js"></script>
</head>
<body>
<form name="form">
<div id="sayi1">Sayı 1 : <input type = "text" name="deger1"></div>
<div id="sayi2">Sayı 2 : <input type = "text" name="deger2"></div>
<div id="sonuc">Sonuç : <input type = "text" name="cevap"></div>
<div id="button"><input type="button" value="Hesapla" /></div>
</form>
</body>
</html>
popup.js
function hesaplama()
{
var sayı1 = window.document.form.deger1.value;
var sayı2 = window.document.form.deger2.value;
var toplam = (parseFloat(sayı1) + parseFloat(sayı2)) ;
window.document.form.cevap.value = toplam;
}
window.onload = function(){
document.querySelector(''input[value="Hesapla"]'').onclick=hesaplama;
}