Question

我试图创建一个基本上与我拥有的服务器联系的JavaScript书签，获取一个6位数的代码，并使用Tinybox和Google Chart的API生成从我的服务器回复的代码的QR代码。我在静态HTML页面中使用了Tinybox和Google Chats QR API Prior，它就像一个魅力。我使用JS库来引入tinybox.js及其重命名为tinystyle.css的样式表。我运行时没有错误，但激活时没有任何显示！任何有关我的问题的帮助将不胜感激！下面是我的书签代码:(我用www.beserver.com＆＃39;替换了指向我服务器的任何实例）

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

在JS书签中使用Tinybox

1 个答案: