123
GitHub & BitBucket HTML Preview

GitHub & BitBucket HTML Preview

多くのGitHubリポジトリは、GitHubページを使用してHTMLファイルをホストしません。GitHubとBitBucket HTMLプレビューを使用すると、リポジトリ全体を複製またはダウンロードせずにこれらのファイルをレンダリングできます。これはクライアント側のソリューションであり、サードパーティのホスティングサーバーは含まれません(アセットを取得するYahoo! Query Languageを除く)。GitHubから直接WebブラウザーでHTML、CSS、またはJSファイルの未加工バージョンを開こうとすると、表示されるのはソースのみです。GitHubは「text / plain」コンテンツタイプの使用を強制するため、解釈できません。このスクリプトは、Yahoo!を使用してオーバーライドしますクエリ言語。それを使用するには、このフラグメントを任意のHTMLファイルのURLに追加するだけです。たとえば、YQLを使用してHTMLを読み込み、すべてのリンク、フレーム、スクリプト、スタイルを処理し、YQLを使用してそれぞれを読み込みます。ブラウザで評価できます。ワークフローは次のとおりです。HTMLPreview.init()-> HTMLPreview.send(HTML)-> YQL fetch HTML-> HTMLPreview.loadHTML(data)-> HTMLPreview.replaceAssets()-> HTMLPreview.send(CSS)-> YQL fetchCSS-> HTMLPreview.loadCSS(data)-> HTMLPreview.send(JS)-> YQL fetch JS-> HTMLPreview.loadJS(data)GitHubおよびBitBucket HTML Previewは、Google Chrome、Apple Safari、およびMozilla Firefoxでテストされました。GitHubとBitBucketだけでなく、ほとんどのWebサイトで動作します。

ウェブサイト:

カテゴリー

Node.JS用のGitHub & BitBucket HTML Previewの代替ライセンス(無料ライセンス付き)