JS 북마크릿에 Tinybox 사용

Question

메신저 본인이 직접 서버에 접속하는 자바 스크립트 북마크를 만들려고하는데 6 자리 코드가 응답하고 Tinybox와 Google Chart의 API를 사용하여 내 서버에서 응답 한 코드의 QR 코드를 생성합니다. . 정적 HTML 페이지에서 Tinybox 및 Google Chats QR API Prior를 사용했으며 매력적이었습니다. 임씨는 JS 라이브러리를 사용하여 tinybox.js와 tinystyle.css로 이름을 변경 한 스타일 시트를 가져 왔습니다. 내가 그것을 실행할 때 아무런 오류가 없지만 활성화되었을 때 아무 것도 나타나지 않는다! 내 문제에 대한 도움을 주시면 대단히 감사하겠습니다! 다음은 내 북마크 코드는 다음과 같습니다 (IV가 'www.myserver.com'내 서버로 가리키는 인스턴스를 대체)

javascript:(function(){function callback(){ScriptLoader.load([{file:"http://www.myserver.com/tinybox/tinystyle.css",type:"css"},{file:"http://www.myserver.com/tinybox/tinybox.js",type:"js"}], success, null);function success() {console.log('BMUS Scripts...OK!');(function(){function callback(){var xmlHttp = null;xmlHttp = new XMLHttpRequest();xmlHttp.open("GET", "http://bmus.esy.es/create.php?url="+encodeURIComponent(document.location.href), false);xmlHttp.send(null);TINY.box.show({image:'https://chart.googleapis.com/chart?cht=qr&chs=700x400&chl='+xmlHttp.responseText,width:700,height:400});}});}}var s=document.createElement("script");s.src="http://asimishaq.com/uploads/script-loader.js";if(s.addEventListener){s.addEventListener("load",callback,false)}else if(s.readyState){s.onreadystatechange=callback}document.body.appendChild(s);})() 

Answer 1

나는 우리에 대한 작업의 시간 후를 생각. yepnope.js이라는 스크립트를 사용하여 스크립트와 CSS를 가져 왔습니다. 매력처럼 작동하며 사용하기 쉽습니다.

yepnope.js와 JS 스크립트에서 끌어 방법 :

// Example 
yepnope.injectJs("www.site.com/incluedme.js", function() { 
    console.log("Script loaded!"); 
}, { 
    charset: "utf-8" 
}, 5000); 

어떻게 yepnope.js와 CCS 시트에 당겨 :

// Example 
yepnope.injectCss("www.site.com/required.css", function() { 
    console.log("css injected!"); 
}, { 
    media: "print" 
}, 5000); 

을 예 yepnopejs.com

에서 있습니다 위 그리고 위의 2 가지 예제를 사용하여 북마크 릿을 만들었습니다.

yepnope.injectCss("www.site.com/required.css", function() { 
     console.log("css injected!"); 
yepnope.injectJs("www.site.com/incluedme.js", function() { 
    console.log("Script loaded! ALL DONE!"); 
}, { 
    charset: "utf-8" 
}, 5000); 
    }, { 
     media: "print" 
    }, 5000);