web-dev-qa-db-ja.com

新しいGoogleドライブでHTMLドキュメントのレンダリングされたHTMLを表示する

古いGoogleドライブでは、材料を再設計する前に、HTMLドキュメントを開いてソースをモーダル(背後にオーバーレイのあるポップアップウィンドウ)で表示することができました。次に、そこから開いて押すと、htmlがレンダリングされました。

新しいGoogleドライブでは、何らかの方法でレンダリングされたHTMLを表示できますか?つまり、Googleドライブで静的なウェブサイトをホストしますか?

現時点では、ソースを表示したり、拡張機能で編集したりできます。レンダーを見たいのですが。実際のウェブページ。

13
irfan

現時点では、ドライブのインターフェースからHTMLファイルをプレビューする機能はありませんが、HTMLファイルを表示またはホストすることはできます次のようにパブリックフォルダで:

  1. Googleドライブのインターフェースから、共有したい(公開共有)フォルダーを開きます。
  2. アドレスバーでフォルダのURLを確認します。 https://drive.google.com/?authuser=0#folders/0B81vQexWOx6hRDVMQWZTekx4Umcのようになります
  3. https://drive.google.com/?authuser=0#folders/を "googledrive.com/Host/"に置き換えます
    • 新しいURLは次のようになります:http://www.googledrive.com/Host/0B81vQexWOx6hRDVMQWZTekx4Umc

index.htmlファイルがある場合、このリンクからライブページに移動できます。それ以外の場合は、フォルダのパブリックHTMLビューに移動します。

フォルダー内の特定のファイルを表示する場合は、次のようにURLの末尾にファイル名を追加できます。 http://www.googledrive.com/Host/0B81vQexWOx6hRDVMQWZTekx4Umc/chromedock.html

これらのリンクは公開されます。

ファイルとフォルダのパブリックリンクを見つけるプロセスを自動化するブックマークレットを作成しました。新しいブックマークを作成して(「Googleドライブからのホスト」のような名前を付けて)、次のコードをURLとして貼り付けてください:

これは、Googleドライブの新しいフォルダURL構造で動作するブックマークレットの更新バージョンです。

javascript:var fOlDeR_URL = ""; fOlDeR_URL += document.location; fOlDeR_ref = fOlDeR_URL.split("/"); cLeAn_URL = "http://www.googledrive.com/Host/"; cLeAn_URL += fOlDeR_ref[fOlDeR_ref.length-1]; nEw_URL = cLeAn_URL+"/"+Prompt("To view the public HTML version of a file within this folder, enter its filename (such as mypage.html) below and hit enter.\n\nTo view the public HTML version of this entire folder (or its index.html, if it exists), just hit enter and you'll be directed to:\n\n"+cLeAn_URL,""); window.open(nEw_URL);

ブックマークを作成したら、GoogleドライブでパブリックURLを追加するフォルダに移動して、ブックマークをクリックします。

7
gwistix

現在、サードパーティの表示/編集アプリケーションをGoogleドライブに追加できます。単純なHTMLビューアが不足しているわけではありません。 [アプリで開く]、[他のアプリを接続]の順に選択して、表示されるボックスに「HTML」と入力してアプリを検索します。 (文字通り)「HTMLビューア」という名前のアプリでうまく機能します。

1
h22

保存したHTMLドキュメントを公開したくない場合、およびGoogleドキュメントにシンプルなHTMLビューアをインストールしたくない場合(プロファイルへのアクセスなどが必要)、MacOSまたはWindowsを使用している場合は、コンピューター上のネイティブドライブアプリ。次に、ファイルを直接開いて、OSのブラウザーでプレビューできます。私にとっては最良の選択肢でしたが、誰にとっても確かにうまくいくとは限りません。

1
Tongfa

Androidモバイル( https://play.google.com/store/apps)のGoogleドライブアプリでHTMLファイルが(多かれ少なかれ正しく)表示されることに気付きました/details?id=com.google.Android.apps.docs&hl=ja )ファイルが読み込まれるまで少し待つ必要がありますが、少なくともHTMLコードが表示されなくなったため、画像(少なくとも、htmlファイルの保存にSingleFileを使用している場合。他の人には機能するかもしれませんが、まだテストしていません!)そして、それは読み取り可能です!はい!!;)残念ながら、これは(まだ?) PC with Google Chrome GoogleドライブのWebサイトからHTMLファイルを開こうとしたとき( https://drive.google.com/drive/my-drive ); (

0
Erb