在JS书签中使用Tinybox

Using Tinybox in a JS bookmarklet

本文关键字：Tinybox JS 书签      更新时间：2023-09-26

im 试图创建一个 JavaScript 书签，该书签基本上与我拥有的服务器联系，获得回复的 6 位代码，并使用 Tinybox 和 Google Chart 的 API 生成从我的服务器回复的代码的二维码。我在静态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);})()

我在大约工作了一个小时后才想到的。我使用一个名为yepnope的脚本.js来拉入脚本和CSS。工作起来就像一个魅力，使用简单。

如何使用 yepnope 拉入 JS 脚本.js：

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

如何用yepnope拉入CCS表.js：

// 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);
相关文章：