Veja o html renderizado do documento html no novo Google Drive


13

No antigo drive do Google - antes do reprojeto do material - era possível abrir um documento HTML e isso mostrava a fonte em um modal (janela pop-up com uma sobreposição por trás). Então, quando você pressionou a partir daí, ele renderizou o html.

Na nova unidade do Google, posso visualizar meu HTML renderizado de alguma forma? Em outras palavras, hospedar um site estático no Google Drive?

No momento, ele apenas permite que eu veja a fonte ou edite-a com extensões. Eu quero ver o render. A página da web real.

Respostas:


7

No momento, eles se livraram da capacidade de visualizar arquivos HTML na interface do Drive, mas você ainda pode visualizar ou hospedar arquivos HTML que estão em pastas públicas da seguinte maneira:

  1. Abra a pasta (compartilhada publicamente) que você deseja compartilhar na interface do Google Drive.
  2. Identifique o URL da pasta na sua barra de endereço. Vai parecer algo comohttps://drive.google.com/?authuser=0#folders/0B81vQexWOx6hRDVMQWZTekx4Umc
  3. Substitua https://drive.google.com/?authuser=0#folders/por "googledrive.com/host/"
    • Seu novo URL será mais ou menos assim: http://www.googledrive.com/host/0B81vQexWOx6hRDVMQWZTekx4Umc

Se você tiver um index.htmlarquivo, esse link o levará à página ao vivo; caso contrário, você será direcionado para a visualização HTML pública da pasta.

Se você deseja visualizar um arquivo específico na pasta, pode adicionar seu nome de arquivo ao final da URL, assim: http://www.googledrive.com/host/0B81vQexWOx6hRDVMQWZTekx4Umc/chromedock.html

Esses links serão publicamente utilizáveis.

Criei um bookmarklet para automatizar o processo de localização de links públicos para arquivos e pastas. Sinta-se à vontade para criar um novo favorito (chame-o de "Host do Google Drive") e cole o seguinte código como o URL:

Esta é uma versão atualizada do bookmarklet que funciona com a nova estrutura de URL da pasta do 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);

Depois de marcá-lo, vá para a pasta para a qual você deseja o URL público no Google Drive e clique no marcador.


Etapa 3: o URL não é editável. Isso mudou desde que a resposta foi postada?
Russ Bateman

1
Se você estiver executando as três etapas, basta alterar o URL diretamente da sua barra de endereço. Exclua a parte que diz https://drive.google.com/?authuser=0#folders/e digite googledrive.com/host/. É tão editável quanto qualquer URL. Se você estiver usando o bookmarklet, não há necessidade de editar o URL, pois ele faz isso por você.
Gwistix

1
Outra coisa a ser observada: parece que eles mudaram a estrutura do arquivo de URL, então isso agora funciona apenas para pastas dentro da pasta principal do Google Drive; ele não funciona mais para pastas aninhadas em outras pastas :(
gwistix

1
Reescrevi o bookmarklet para trabalhar com a nova estrutura de URL da pasta e coloque o novo na postagem original acima, se você estiver interessado.
Gwistix

2
Obrigado! Infelizmente, ele funciona apenas em uma pasta compartilhada publicamente. Minha empresa usa o Google Drive e gostaria de compartilhar arquivos HTML que contêm informações restritas. Posso fazer isso em uma apresentação, planilha, formulário, desenho etc., mas não consigo postar um documento HTML a ser renderizado pelo navegador, exceto por esse mecanismo. Infelizmente.
22814 Russ Bateman

1

É possível adicionar aplicativos de visualização / edição de terceiros ao Google Drive agora. Não faltam visualizadores HTML simples. Tente selecionar "Abrir com", "Conectar mais aplicativos" e procurar aplicativos digitando "HTML" na caixa fornecida. O aplicativo chamado (literalmente) "visualizador de HTML" me serve bem.


1

Se você não deseja compartilhar publicamente seus documentos HTML salvos e não deseja instalar um simples visualizador de HTML no google docs (eles desejam acessar seu perfil etc.) e estiver usando o MacOS ou Windows, é possível instalar um aplicativo de unidade nativa no seu computador. Em seguida, você pode abrir os arquivos diretamente e visualizá-los no navegador do seu sistema operacional. Foi a melhor opção para mim, mas certamente não funcionará para todos.


0

Percebi que os arquivos html são exibidos (mais ou menos corretamente) com o Google Drive App no ​​meu Android Mobile ( https://play.google.com/store/apps/details?id=com.google.android.apps. docs & hl = pt-br ). Você precisa esperar um pouco para que o arquivo seja carregado. Mas pelo menos você não vê mais o código html, pode ver as imagens (pelo menos se você usar o SingleFile para salvar seus arquivos html. Pode funcionar para outras pessoas, mas ainda não testei!) E é legível ! SIM !! ;) Infelizmente, isso não funciona (ainda?) No meu PC com o Google Chrome ao tentar abrir arquivos html no site do Google Drive ( https://drive.google.com/drive/my-drive ). ; (

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.