1

Я пытаюсь добавить Jquery к моему расширению хрома,не в состоянии добавить файл Jquery для расширения хромированной

вот мой manifest.json

{ 
"name": "OSpy", 
"description": "", 
"version": "1", 
"manifest_version": 2, 
"background":{ 
    "scripts":["background.js"] 
}, 

    "js": ["js/jquery-1.10.2.min.js"] 


"browser_action": { 
"default_title": "Object Spy" 
}, 


"permissions":["tabs","<all_urls>"], 

"web_accessible_resources": [ 
    "img/bt.png" 
    "js/jquery-1.10.2.min.js" 
] 

} 

Проблема заключается в том, что дает,

Uncaught ReferenceError: $ is not defined 
+0

Попробуйте следующее: http://stackoverflow.com/questions/4947510/load-jquery-into-a-chrome-extension – Falaque

ответ

0

Очевидно, ваше расширение использует преимущественно справочную страницу, и это то место, где вам нужно jQuery. В этом случае, вы можете просто добавить файл JQuery JavaScript в списке фоновых сценариев:

{ 
    "name": "OSpy", 
    "description": "", 
    "version": "1", 
    "manifest_version": 2, 
    "background":{ 
    "scripts":["js/jquery-1.10.2.min.js", "background.js"] 
    }, 
    "browser_action": { 
    "default_title": "Object Spy" 
    }, 
    "permissions":["tabs","<all_urls>"] 
} 

ЗАБУДЬТЕ PUT Jquery СЦЕНАРИЙ ДО ВАШЕГО АКТУАЛЬНОМ ФОН SCRIPT!

Вот простой пример. Допустим, у вас есть расширение, которое делает запрос Ajax со своей фоновой страницы в локальный html-файл и печатает ответ на консоль.

manifest.json:

{ 
    "name": "Local Request", 
    "description": "Send Ajax request using jQuery", 
    "version": "2.0", 
    "background": { 
    "scripts": ["js/jquery-1.10.2.min.js", "background.js"], 
    "persistent": false 
    }, 
    "browser_action": { 
    "default_title": "Send Request" 
    }, 
    "manifest_version": 2 
} 

background.js:

chrome.browserAction.onClicked.addListener(function(tab) { 
    $.get("ajax/test.html", function(data) { 
    console.log(data); 
    }); 
}); 

Выполните те же шаги, чтобы использовать JQuery в сценарии содержимого. Вот пример этого в официальной документации: http://developer.chrome.com/extensions/content_scripts.html ("js": ["jquery.js", "myscript.js"]).

Смежные вопросы