javascript - 在 JS 书签中使用 Tinybox

Question

我正在尝试创建一个 JavaScript 小书签，它基本上与我拥有的服务器联系，得到一个 6 位数的代码回复，并使用 Tinybox 和 Google Chart 的 API 生成从我的服务器回复的代码的二维码。我在静态 HTML 页面中使用过 Tinybox 和 Google Chats QR API Prior，它的效果非常好。我使用 JS 库引入 tinybox.js 及其样式表，我将其重命名为 tinystyle.css。运行时我没有收到任何错误，但激活后什么也没有显示!对我的问题的任何帮助将不胜感激!下面是我的小书签代码:(我用“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

这就是我将上面的两个示例用于我的书签的方式:

    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);