2012-06-25 3 views
0

간단한 작업을하려고하는데 어떻게 든 작동하지 않습니다. 간단한 크롬 확장 기능을 구축하려고합니다.이 크롬 확장 기능을 클릭하면 간단한 HTML의 TAB. 내가 어떻게 해? =========== 간단한 크롬 확장 URL 보내기/표시

<html> 
<head> 
    <title>my title</title> 
<script src="jquery.json-2.3.min.js"></script> 
<script type="text/javascript"> 

    var pageUrl = null; 
    var pageTitle = null; 
    var Title1 = 'lala'; 

    window.addEventListener("load", windowLoaded, false); 
    function windowLoaded() { 
     chrome.tabs.getSelected(null, function(tab) { 
     document.getElementById('currentLink').innerHTML = tab.url; 

     }); 
    } 


    function get(){ 

    chrome.tabs.getSelected(null, function(tab) { 
     pageUrl = tab.url; 
     pageTitle = tab.title; 
     $('#bkmk').attr('value',pageUrl); 
     $('#title').attr('value',pageTitle); 


    }); 
    } 
    </script> 
</head> 
<body onload="get()"> 
<p id="currentLink">Loading ...</p> 
<hr /> 
<ul id="savedLinks"></ul> 

<tr><td align="right">Link (URL): </td><td><input id='bkmk' name='bkmk' type="text" value="" size="50"> 
<br><span style="color: red;"></span> 
</td></tr> 

<script>document.write($bkmk)</script> 

</body> 
</html> 

:

{ 
    "name": "MY EXTENSION", 
    "version": "1.0", 
    "description": "the DESCRIPTION", 
    "browser_action": { 
    "default_icon": "icon.png", 
    "popup": "main.html" 
    }, 
    "permissions": [ 
    "tabs" 
    ] 
} 

manifest.json을 종료

Main.html

의 manifest.json :이 코드입니다 ==

그리고 동일한 폴더에 jquery.json-2.3.min.js 파일을 넣었습니다.

URL을 표시하도록 HTML을 만들 수없는 것은 무엇입니까?

고마워요 !!

Elikd

+0

표시되는 오류는 콘솔에 포함하십시오. 또한'$ bkmk' 변수가 정의 된 곳을 지정하십시오 ('document.write ($ bkmk)'에서 사용됩니다). – apsillers

답변

1

그것은 당신이 jQuery를 사용하고 있습니다 ...하지만 당신은 jQuery 라이브러리는 어디서나 <script src="..."></script> 블록에 포함하지 않아도 appers. jQuery의 로컬 복사본을 사용하는 경우 확장 디렉토리에 jQuery 라이브러리 파일을 포함하고 HTML 페이지에 상대적인 확장 프로그램의 상대 경로를 참조해야합니다 (예 : "jquery.min.js", 동일한 폴더에있는 경우 "lib/jquery.min.js" if 폴더는 lib입니다.)

향후 브라우저 액션 아이콘을 마우스 오른쪽 버튼으로 클릭하고 '팝업 검사'를 선택하면 JavaScript 콘솔 (오류 목록 포함)을 얻을 수 있습니다. 자세한 내용은 Google의 tutorial on debugging Chrome extensions을 참조하십시오.

+0

감사합니다. 나는 그것을 추가했지만 여전히 URL을 볼 수 없습니다. URL을 얻으려는 탭 URL을 얻는 섹션이 잘못되었다고 생각합니다. URL을 얻으려고하면 아무 것도 볼 수 없습니다. – EliKd

+0

콘솔에 어떤 오류가 있습니까? – apsillers