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


13

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

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

今のところ、ソースを表示したり、拡張機能で編集したりできます。レンダーを表示したい。実際のウェブページ。

回答:


7

現時点では、ドライブインターフェースから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を使用するフォルダーに移動し、ブックマークをクリックします。


ステップ3:URLは編集できません。回答が投稿されてからこれは変わりましたか?
ラスベートマン14

1
3つの手順を実行している場合は、アドレスバーからURLを直接変更するだけです。代わりに言う部分を削除してhttps://drive.google.com/?authuser=0#folders/入力しgoogledrive.com/host/ます。他のURLと同じように編集可能です。ブックマークレットを使用している場合、URLを編集する必要があるため、URLを編集する必要はありません。
gwistix 14

1
もう1つ注意すべき点があります。URLファイルの構造が変更されているように見えるため、これはメインのGoogleドライブフォルダー内のフォルダーでのみ機能するようになりました。他のフォルダー内にネストされたフォルダーでは機能しなくなりました:(
gwistix 14

1
新しいフォルダURL構造で動作するようにブックマークレットを書き直し、必要に応じて、上記の元の投稿に新しいものを追加しました。
gwistix 14

2
感謝!残念ながら、パブリック共有フォルダーでのみ機能します。私の会社はGoogleドライブを使用していますが、制限された情報を含むHTMLファイルを共有したいと考えています。プレゼンテーション、スプレッドシート、フォーム、描画などでこれを行うことができますが、このメカニズムを使用しない限り、ブラウザーでレンダリングされるHTMLドキュメントを投稿することはできません。ああ。
ラスベートマン14

1

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


1

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


0

Android Mobile上のGoogleドライブアプリ(https://play.google.com/store/apps/details?id=com.google.android.apps)でhtmlファイルが(ほぼ正確に)表示されることに気付きました。 docs&hl = en)。ファイルがロードされるまで少し待つ必要があります。しかし、少なくともhtmlコードはもう表示されません。画像を見ることができます(少なくともhtmlファイルの保存にSingleFileを使用している場合。他のユーザーには有効かもしれませんが、まだテストしていません!) !はい !!;)残念ながら、GoogleドライブのWebサイト(https://drive.google.com/drive/my-drive)からhtmlファイルを開こうとすると、PCでGoogle Chromeを使用して(まだ?)動作しません。;(

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.