새로운 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을 편집 할 수 없습니다. 답변이 게시 된 이후로 변경 되었습니까?
Russ Bateman

1
세 단계를 수행하는 경우 주소 표시 줄에서 직접 URL을 변경하면됩니다. 말하는 부분을 삭제하고 대신 https://drive.google.com/?authuser=0#folders/입력하십시오 googledrive.com/host/. 모든 URL처럼 편집 가능합니다. 북마크릿을 사용하는 경우 URL을 편집하기 위해 URL을 편집 할 필요가 없습니다.
gwistix 2014

1
참고할 사항은 URL 파일 구조를 변경 한 것처럼 보이므로 이제 기본 Google 드라이브 폴더 내의 폴더에서만 작동합니다. 더 이상 :( 다른 폴더 내에 중첩 된 폴더에 대해 작동하지 않습니다
gwistix

1
새로운 폴더 URL 구조로 작업하기 위해 북마크릿을 다시 작성했으며 관심이 있으시면 위의 원래 게시물에 새 것을 추가했습니다.
gwistix 2014

2
감사! 안타깝게도 공개적으로 공유 된 폴더에서만 작동합니다. 회사에서 Google 드라이브를 사용하고 있으며 제한된 정보가 포함 된 HTML 파일을 공유하고 싶습니다. 프리젠 테이션, 스프레드 시트, 양식, 그림 등에서이 작업을 수행 할 수 있지만이 메커니즘을 제외하고는 브라우저에서 렌더링 할 HTML 문서를 게시 할 수 없습니다. 아아.
Russ Bateman

1

이제 타사 드라이브보기 / 편집 응용 프로그램을 Google 드라이브에 추가 할 수 있습니다. 간단한 HTML 뷰어가 부족하지 않습니다. "연결 프로그램"을 선택한 다음 "더 많은 앱 연결"을 선택하고 제공된 상자에 "HTML"을 입력하여 앱을 검색하십시오. (문자 그대로) "HTML 뷰어"라는 앱이 저에게 도움이됩니다.


1

저장된 HTML 문서를 공개적으로 공유하지 않고 Google 문서에 간단한 HTML 뷰어를 설치하지 않으려는 경우 (프로필 등에 액세스하려는 경우) MacOS 또는 Windows를 사용하는 경우 컴퓨터의 기본 드라이브 앱. 그런 다음 파일을 직접 열고 OS 브라우저에서 미리 볼 수 있습니다. 나에게 가장 좋은 옵션 이었지만 모든 사람에게 맞는 것은 아닙니다.


0

내 Android 모바일 ( https://play.google.com/store/apps/details?id=com.google.android.apps )의 Google 드라이브 앱에서 html 파일이 다소 정확하게 표시되는 것으로 나타났습니다 . docs & hl = ko ). 파일이로드 될 때까지 조금 기다려야합니다. 그러나 적어도 더 이상 html 코드가 표시되지 않으면 이미지를 볼 수 있습니다 (최소한 html 파일을 저장하기 위해 SingleFile을 사용하는 경우. 다른 사람에게는 효과가 있지만 아직 테스트하지는 않았습니다!) ! 예 !! ;) 아아, 구글 드라이브 웹 사이트 ( https://drive.google.com/drive/my-drive ) 에서 HTML 파일을 열려고 할 때 구글 크롬으로 PC에서 작동하지 않습니다 (아직? ). ; (

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.