
0
GitHub & BitBucket HTML Preview
许多GitHub存储库不使用GitHub Pages托管其HTML文件。GitHub&BitBucket HTML Preview允许您呈现这些文件,而无需克隆或下载整个存储库。它是一种客户端解决方案,不涉及任何第三方托管服务器(用于获取资产的Yahoo!查询语言除外)。如果您尝试直接从GitHub在Web浏览器中打开任何HTML,CSS或JS文件的原始版本,那么您所看到的只是来源。GitHub强制他们使用“文本/纯文本”内容类型,因此无法对其进行解释。该脚本使用Yahoo!覆盖它。查询语言。为了使用它,只需将此片段放在任何HTML文件的URL之前:例如:它的作用是使用YQL加载HTML,然后处理所有链接,框架,脚本和样式,并使用YQL加载每个链接,框架,脚本和样式,因此它们可以在浏览器中评估。这是工作流程:HTMLPreview.init()-> HTMLPreview.send(HTML)-> YQL获取HTML-> HTMLPreview.loadHTML(data)-> HTMLPreview.replaceAssets()-> HTMLPreview.send(CSS)-> YQL获取CSS-> HTMLPreview.loadCSS(data)-> HTMLPreview.send(JS)-> YQL获取JS-> HTMLPreview.loadJS(data)GitHub和BitBucket HTML Preview已在Google Chrome,Apple Safari和Mozilla Firefox下进行了测试,应该与大多数网站合作,不仅是GitHub和BitBucket。
分类目录
具有任何许可的所有平台的GitHub & BitBucket HTML Preview替代品

8

2

0