Google Chrome 将图像 url 发送到特定文本字段的扩展程序

Question

我正在尝试制作一个 google chrome 扩展，允许用户在弹出窗口 window 中点击图像并将图像 url 发送至一个特定的网站文本字段；我发现我的代码没有问题，但它无法工作。

这是我的 manifest.json

{
"manifest_version": 2,

"name" : "Gifs",
"description": "Gifs",
"version": "1",

"permissions": [
    "activeTab", "http://www.cssflow.com/snippets/login-form/demo", "http://*/*", "https://*/*"
],

"browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
}
}

这是我的 popup.html

<script src="jquery.js"></script>
<script src="popup.js"></script>
<img src="http://www.vidble.com/cayujFfA0f.gif" border="0">

<br><br>

<img src="http://www.vidble.com/U8l5gHvN5f.gif" border="0">

这是我的 popup.js（我要插入 url 的网站文本字段的 ID 是 'login'。）

$(document).ready(function() {
  $("img").click(function() {
    var imageurl = $(this).attr('src');
    var script = 'var form = document.getElementById("input:#login");' +
      + 'form.value = (form.value + " ' + imageurl + '");';
    chrome.tabs.executeScript({code : script});
    window.close();
  });
});

我在控制台中收到以下错误：

unexpected end of input: var form = document.getElementById("login");NaNhttp://www.vidble.com/cayujFfA0f.gif");

任何帮助将不胜感激。提前致谢。

Answer 1

您的问题是由您分配给 var script 的额外 + 引起的。 javascript 奇迹：

'a' + 'b' + 'c'
-> 'abc'

'a' + + 'b' + 'c'
-> 'aNaNc'

这是因为第二个表达式被解释为 'a' + (+ 'b') + 'c'，因此 'b' 在与其他字符串连接之前被强制转换为数值。

Google Chrome 将图像 url 发送到特定文本字段的扩展程序

Google Chrome extension that sends a image url into a specific text field

html

javascript

jquery

google-chrome

google-chrome-extension