Ver html procesado del documento html en el nuevo Google Drive

13

En la antigua unidad de Google, antes del rediseño del material, se podía abrir un documento HTML y eso mostraría la fuente en un modal (ventana emergente con una superposición detrás). Luego, cuando presionó abrir desde allí, mostró el html.

En la nueva unidad de Google, ¿puedo ver mi HTML renderizado de alguna manera? En otras palabras, ¿aloja un sitio web estático en Google Drive?

En este momento solo me permite ver la fuente o editarla con extensiones. Quiero ver el render. La página web real.

html google-drive irfan
fuente

Respuestas:

7

Por el momento, se han librado de la capacidad de previsualizar archivos HTML desde la interfaz de Drive, pero aún puede ver u hospedar archivos HTML que están en carpetas públicas de la siguiente manera:

  1. Abra la carpeta (públicamente compartida) que desea compartir desde la interfaz de Google Drive.
  2. Identifique la URL de la carpeta en su barra de direcciones. Se verá algo así comohttps://drive.google.com/?authuser=0#folders/0B81vQexWOx6hRDVMQWZTekx4Umc
  3. Reemplace https://drive.google.com/?authuser=0#folders/con "googledrive.com/host/"
    • Su nueva URL se verá así: http://www.googledrive.com/host/0B81vQexWOx6hRDVMQWZTekx4Umc

Si tiene un index.htmlarchivo, este enlace lo llevará a la página en vivo, de lo contrario, será llevado a la vista pública de HTML de la carpeta.

Si desea ver un archivo específico en la carpeta, puede agregar su nombre de archivo al final de la URL de esta manera: http://www.googledrive.com/host/0B81vQexWOx6hRDVMQWZTekx4Umc/chromedock.html

Estos enlaces serán de uso público.

Creé un bookmarklet para automatizar el proceso de búsqueda de enlaces públicos para archivos y carpetas. Siéntase libre de crear un nuevo marcador (llámelo algo así como "Host de Google Drive") y pegue el siguiente código como URL:

Esta es una versión actualizada del bookmarklet que funciona con la nueva estructura de URL de carpeta de Google Drive.

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);

Una vez que lo haya marcado, simplemente vaya a la carpeta para la que desea la URL pública en Google Drive y haga clic en el marcador.

gwistix
fuente
Paso 3: la URL no es editable. ¿Ha cambiado esto desde que se publicó la respuesta?
Russ Bateman
1
Si está haciendo los tres pasos, simplemente cambie la URL directamente desde su barra de direcciones. Elimine la parte que dice https://drive.google.com/?authuser=0#folders/y escriba en su googledrive.com/host/lugar. Es tan editable como cualquier URL. Si está utilizando el bookmarklet, no es necesario editar la URL, ya que lo hace por usted.
gwistix
1
Otra cosa a tener en cuenta: parece que han cambiado la estructura del archivo URL, por lo que ahora solo funciona para las carpetas dentro de su carpeta principal de Google Drive; ya no funciona para carpetas anidadas dentro de otras carpetas :(
gwistix
1
Reescribí el bookmarklet para que funcione con la nueva estructura de URL de la carpeta, y puse el nuevo en la publicación original anterior, si está interesado.
gwistix
2
¡Gracias! Lamentablemente, solo funciona en una carpeta compartida públicamente. Mi empresa usa Google Drive y me gustaría compartir archivos HTML que contengan información restringida. Puedo hacer esto en una presentación, hoja de cálculo, formulario, dibujo, etc., pero no puedo publicar un documento HTML para que lo represente el navegador, excepto a través de este mecanismo. Pobre de mí.
Russ Bateman
1

Es posible agregar las aplicaciones de visualización / edición de terceros a Google Drive ahora. No faltan los visores HTML simples. Intente seleccionar "Abrir con", luego "Conectar más aplicaciones", luego busque aplicaciones escribiendo "HTML" en el cuadro provisto. La aplicación llamada (literalmente) "visor HTML" me sirve muy bien.

h22
fuente
1

Si no desea compartir sus documentos HTML guardados públicamente, y no desea instalar un simple visor HTML en Google Docs (quieren acceso a su perfil, etc.) y está utilizando MacOS o Windows, puede instalar un aplicación de unidad nativa en su computadora. Luego puede abrir los archivos directamente y obtener una vista previa en el navegador de su sistema operativo. Fue la mejor opción para mí, pero ciertamente no funcionará para todos.

Tongfa
fuente
0

He notado que los archivos html se muestran (más o menos correctamente) con la aplicación Google Drive en mi dispositivo móvil Android ( https://play.google.com/store/apps/details?id=com.google.android.apps. docs & hl = es ). Tienes que esperar un poco para que se cargue el archivo. Pero al menos ya no ve el código html, puede ver las imágenes (al menos si usa SingleFile para guardar sus archivos html. ¡Podría funcionar para otros pero aún no lo probé!) Y es legible ! SI !! ;) Desgraciadamente, esto no funciona (¿todavía?) En mi PC con Google Chrome cuando intento abrir archivos html desde el sitio web de Google Drive ( https://drive.google.com/drive/my-drive ). ; (

Erb
fuente