☰

在新的 Google Drive 中查看 HTML 文档的渲染 HTML

tag-icon • tag-icon html google-drive
在新的 Google Drive 中查看 HTML 文档的渲染 HTML

在旧版 Google Drive 中（在 Material Redesign 之前），可以打开 HTML 文档，然后以模式（后面带有覆盖层的弹出窗口）的形式显示源代码。然后，当您从那里按下“打开”按钮时，它会呈现 HTML。

在新的 Google Drive 中，我可以通过任何方式查看渲染的 HTML 吗？换句话说，在 Google Drive 中托管静态网站？

现在它只允许我查看源代码或使用扩展程序进行编辑。我想查看渲染。实际的网页。

答案1

目前，他们已经取消了从 Drive 界面预览 HTML 文件的功能，但是您仍然可以查看或托管 HTML 文件位于公共文件夹中，如下所示：

  1. 从 Google Drive 界面打开您想要共享的（公开共享）文件夹。
  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 Drive 的主机”），并将以下代码粘贴为 URL：

这是书签小程序的更新版本，可与 Google Drive 的新文件夹 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 Drive 中想要公共 URL 的文件夹，然后单击书签即可。

答案2

现在可以将第三方查看/编辑应用程序添加到 Google Drive。简单的 HTML 查看器并不缺乏。尝试选择“打开方式”，然后选择“连接更多应用程序”，然后在提供的框中输入“HTML”来搜索应用程序。名为（字面意思）“HTML 查看器”的应用程序对我来说很好用。

答案3

如果您不想公开分享您保存的 HTML 文档，也不想在 Google Docs 中安装简单的 HTML 查看器（他们想要访问您的个人资料等），并且使用的是 MacOS 或 Windows，您可以在计算机上安装本机驱动器应用程序。然后，您可以直接打开文件并在操作系统的浏览器中预览它们。对我来说是最好的选择，但肯定不适合所有人。

答案4

安装 Drive 的应用程序启动器（由 Google 提供）它会在您计算机上安装的兼容应用程序中直接从浏览器打开 Drive 文件。

相关内容