Chrome 확장 프로그램에서 JQuery를 사용할 수 없습니다.

background.js가있는 Google 크롬 확장 프로그램이 있는데 여기에 JQuery를 사용하려고합니다.Chrome 확장 프로그램에서 JQuery를 사용할 수 없습니다.

다음 오류가 발생했습니다.

Uncaught ReferenceError: $ is not defined

내 매니페스트 파일의 코드 부분은

"content_scripts": [ 
    { 
     "matches": ["<all_urls>"], 
     "js": ["script.js", "jquery.js","front.js"] 
    } 
    ], 
    "web_accessible_resources": ["https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"], 
    "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'",

나는이 확장에 JQuery와 함수를 사용하여 모든 단서를 얻을 수 없습니다입니다. 더 많은 칭의가 필요한 경우 알려주십시오.

# 1

편집 : 파일이 포함되어 있습니다

"js": ["jquery.js","script.js","front.js"]

그 라인의 순서는 순서입니다 : 매니페스트 파일

{ 
    "name": "Tool", 
    "description": "Extension", 
    "manifest_version": 2, 
    "version": "5.0.0.0", 
    "manifest_version": 2, 
    "background": { "scripts": ["background.js"] }, 
    "permissions": [ 
    "tabs", "http://*/*", "https://*/*", "storage" 
    ], 
    "options_page": "options.html", 
    "icons":{"16": "images/F_icon_16x16.png", 
      "48": "images/F_icon_48x48.png", 
      "128": "images/F_icon_128x128.png"}, 
    "content_scripts": [ 
    { 
     "matches": ["<all_urls>"], 
     "js": ["jquery.js", "script.js", "front.js"] 
    } 
    ], 
    "content_security_policy": "script-src 'self' ; object-src 'self'", 
    "browser_action": { 
     "default_title": "Tool", 
     "default_icon": "images/F_icon.png" 
    } 
}

출처

2012-12-04 Saurabh Saxena

변경이 부분이에

"js": ["script.js", "jquery.js","front.js"]

. 그래서 jquery.js를 $ (jquery의 경우)로 정의하고 스크립팅으로 다른 스크립트를 정의해야합니다 ...

출처

2012-12-04 12:35:38 Mathlight

여전히 동일한 오류가 발생합니다 –

@SaurabhSaxena 그리고이 줄을 삭제하면 ??? ' "web_accessible_resources": [ "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"], ' – Mathlight

여전히 같은 오류 –

Chrome 확장 프로그램에서 JQuery를 사용할 수 없습니다.

답변

관련 문제