web-dev-qa-db-ja.com

GoogleドライブからHTMLを開く

Css3でhtml5にページを作成しました。ローカルでは正常に動作します(サーバーを使用せず、インデックスをダブルクリックして開きます)。
Googleドライブに入れたい。必要なすべてのドキュメントをロードしましたが、htmlを開こうとすると、テキストしか表示されません(つまり、実行されていません。ソースコードのみが表示されます)。なにか提案を?

もう利用できません https://support.google.com/drive/answer/2881970?hl=en

Googleドライブでウェブページをホストする

注:この機能は、2016年8月31日以降は使用できなくなります。

36
  1. ドライブに新しいフォルダを作成し、「ウェブ上で一般公開」として共有します。
  2. コンテンツファイルをこのフォルダーにアップロードします。
  3. フォルダを右クリックして、[詳細]をクリックします。
  4. ホスティングURLをコピーしてブラウザーに貼り付けます(例 https://googledrive.com/Host/0B716ywBKT84AcHZfMWgtNk5aeXM
  5. フォルダー内にindex.htmlが存在する場合は起動します。存在しない場合は、フォルダー内のすべてのファイルを一覧表示します。
14
Dev

受け入れられた回答からの方法を使用してコンテンツを「ホスト」する必要はないと思います。開発スキルが限られている一般ユーザーにとっては複雑すぎます。

実際、GoogleはドライブSDK/APIを使用せずにホスティング機能を提供しています。必要なのは、数回クリックするだけです。これをチェックしてください:

http://support.google.com/drive/bin/answer.py?hl=ja&answer=288197

User1557669の回答と同じです。ただし、手順4では、URLは正しくありません。次のようになります。

https://drive.google.com/#folders/ ...

正しいホストURLを取得します。 htmlファイルを右クリックし(最初に1〜3ステップを完了して、htmlをパブリック共有フォルダーに配置する必要があります)、コンテキストメニューから[詳細]を選択します。ホスティングURLは、詳細パネルの下部近くにあります。次のようになります。

https://googledrive.com/Host/.../abc.html

その後、リンクを誰とでも共有できます。幸せな共有。

3
bigbearzhu

ドライブではプレーンテキストとHTMLファイルを編集できますが、HTMLを実際に表示できるとは思いません。私は彼らがドライブスペースからウェブサイトをホストする人々を望んでいるとは思わない。

1
RADXack

ここで提供されるソリューションの多くは、もう機能しないようです。現在、Chromebookを使用していますが、HTML5バナーを表示したかったです。これは、以前のコメントで述べたように、現在Googleドライブまたは他のアプリでは不可能に思えます。

最終的にHTML5を表示するために使用した方法は次のとおりです。

  1. Google Adwordsを開きます(アカウントがない場合は無料のアカウントを作成します)
  2. トップパネルの[広告]をクリックします
  3. 「+ AD」をクリックして、イメージ広告を選択します
  4. 「広告をアップロード」を選択します
  5. Zipファイルをエリアにドラッグアンドドロップします
  6. プレビューをクリックします
  7. 出来上がり、HTML5バナーが完全に表示されます

もっと簡単な方法があるかもしれませんが、この方法もかなり良いです。それが私にとって助けになり、うまくいくことを願っています。

0
Chris Grundy
  1. ドライブに新しいフォルダを作成し、「ウェブ上で一般公開」として共有します。
  2. HTML、JS、およびCSSファイルをこのフォルダーにアップロードします。
  3. HTMLファイルを開くと、ツールバーに「プレビュー」ボタンが表示されます。
  4. プレビューウィンドウからwww.googledrive.com/Host/...のようなURLを共有すると、誰でもWebページを表示できます。
0
user1557669

手順:

  1. HtmlファイルをGoogleドライブにアップロードし、アップロード後に「ウェブ上で一般公開」として共有します。htmlのコンテンツがドライブで変更されていないことを確認してください。
  2. 共有ファイルを右クリックし、「リンクを取得」をクリックしてメモ帳に保存すると、「 https://drive.google.com/open?id=0B55nkHvMDw18T3VaYjY3NEE4SEE 」のようになります。
  3. 上記のリンクの「=」記号の後のコード(約28文字の英数字)を取得し、「 https://googledrive.com/Host/ 」の後に貼り付けてください ' https:/ /googledrive.com/Host/0B55nkHvMDw18T3VaYjY3NEE4SEE 'は実際の共有可能なURLリンクです。このURLを使用して、ブラウザーのアドレスバーからHTMLファイルを開きます。
0
Jlearner