"--allow-file-access-from-files"모드에서 Chrome을 사용하여 html을 시작하는 방법은 무엇입니까?

나는 여기 와 같은 상황이있다

그리고이 문제를 해결하려면 "--allow-file-access-from-files"모드에서 Chrome을 사용하여 html 파일을 실행해야합니다. 다음 단계를 여러 번 시도했지만 작동하지 않습니다.

1. Windows 7에서 cmd 시작
2. chrome.exe 폴더로 이동
3. 이 작업을 수행 chrome --allow-file-access-from-files file:///C:/test%20-%203.html

Chrome 실행 파일의 경로를 검색 한 다음 cmd에서 다음을 시도하십시오.

> "C:\PathTo\Chrome.exe" --allow-file-access-from-files

출처

편집 : 귀하의 질문에서 볼 수 있듯이 Windows가 Unix와 약간 유사하다는 것을 잊지 마십시오. "chrome ..."을 입력하면 cmd가 PATH에서 Chrome을 검색하지만 일반적으로 Chrome 폴더는 PATH에 없습니다. 또한 실행 파일에 대한 확장자를 지정하지 않았습니다. 따라서 Chrome의 폴더로 이동하면이 명령도 작동 할 것입니다.

> .\chrome.exe --allow-file-access-from-files

그 깃발은 위험 해 !! 액세스 할 수 있도록 파일 시스템을 열어 둡니다. 로컬 또는 웹 어디에서나 생성 된 문서는 기본적으로 로컬 file : /// 리소스에 대한 액세스 권한이 없어야합니다.

훨씬 더 나은 해결책은 약간의 http 서버를 로컬로 실행하는 것입니다.

--- Windows의 경우 ---

가장 쉬운 방법은 노드의 패키지 관리자를 사용하여 전역 적으로 http-server를 설치하는 것입니다.

npm install -g http-server

그런 다음 http-server프로젝트 디렉토리에서 실행하면 됩니다.

예 : d:\my_project> http-server

Starting up http-server, serving ./
Available on:
 http:169.254.116.232:8080
 http:192.168.88.1:8080
 http:192.168.0.7:8080
 http:127.0.0.1:8080
Hit CTRL-C to stop the server

또는 prusswan이 제안한대로 Windows 아래에 Python을 설치하고 아래 지침을 따를 수도 있습니다.

--- Linux의 경우 ---

Python은 일반적으로 대부분의 Linux 배포에서 사용할 수 있으므로 python -m SimpleHTTPServer프로젝트 디렉토리에서 실행 하기 만하면 페이지를로드 할 수 있습니다.http://localhost:8000

Python 3에서는 SimpleHTTPServer모듈이에 병합 http.server되었으므로 새 명령은 python3 -m http.server.

쉽고, 실수로 브라우저를 취약하게 열어 두는 보안 위험이 없습니다.

HTTP를 사용하여 로컬 폴더에서 웹 페이지를 제공하는 Chrome 용 웹 서버 를 사용해 볼 수 있습니다 . 사용하기 쉽고 위에서 언급했듯이 파일 시스템을 취약하게 만들 수있는 플래그를 피할 수 있습니다.

이 글을 쓰는 시점에서 OS X에서는 일반적으로 다음과 같이 보입니다.

"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --allow-file-access-from-files

당신이 나 같은 괴물, 그리고 당신의 애플 리케이션을 넣으면 ~/Applications, 그것은 것입니다

"/Users/yougohere/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --allow-file-access-from-files

둘 다 작동하지 않는 경우 chrome://versionChrome 주소 표시 줄에 입력 하면 어떤 "명령 줄"호출을 사용해야하는지 알려줍니다. --allow-file-access-from-files그것에 추가하십시오 .

이러지마! 당신은 공격을 위해 당신의 기계를 열고 있습니다 . 대신 로컬 서버를 실행하십시오. 셸 / 터미널 / 명령 줄을 열고 입력하는 것만 큼 쉽습니다.

cd path/to/files
python -m SimpleHTTPServer

그런 다음 브라우저를

http://localhost:8000

너무 느리다면 이 솔루션을 고려하십시오.

Mac을 사용하는 경우 다음 터미널 명령을 사용할 수 있습니다.

open -a Google\ Chrome --args --allow-file-access-from-files

모든 크롬 인스턴스를 종료 (강제 종료)합니다. 그렇지 않으면 아래 명령이 작동하지 않습니다.

open -a "Google Chrome" --args --allow-file-access-from-files

터미널에서이 명령을 실행하면 설치된 위치에 관계없이 Chrome이 열립니다.

Windows에서 :

chrome --allow-file-access-from-files file:///C:/test%20-%203.html

Linux에서 :

google-chrome --allow-file-access-from-files file:///C:/test%20-%203.html

REM Kill all existing instance of chrome 
taskkill /F /IM chrome.exe /T
REM directory path where chrome.exe is located
set chromeLocation="C:\Program Files (x86)\Google\Chrome\Application"
cd %chromeLocation%
cd c:
start chrome.exe --allow-file-access-from-files

위의 줄을 .bat 파일 로 저장

파일 시스템에 넣을 파일에 따라 해당 파일이 멀웨어가 아닌 한 안전합니다.

그러나 파일 시스템 디렉토리에 파일을 쓰거나 읽는 것에 대해 걱정하지 마십시오. 적절한 액세스 권한과 보안 제한을 제공하여 디렉토리 보안 (상속 포함)을 강화할 수 있습니다. 예 : 읽기 / 쓰기 / 수정.

기본적으로 파일 시스템, 로컬 저장소 및 저장소 디렉터리는 "\ Users [현재 사용자] \ AppData \ Local \ Google \ Chrome \ User Data \ Default"디렉터리에 있습니다.

그러나 "--user-data-dir"플래그를 사용하여 사용자 정의 할 수 있습니다.

그리고 이것은 샘플입니다.

"C:\Program Files (x86)\Google\Application\chrome.exe" --user-data-dir="C:\Chrome_Data\OO7" --allow-file-access-from-files

이것이 누구에게나 도움이되기를 바랍니다.

권한이 필요하거나 CORS에 의해 차단 된 html을 빠르게 실행할 수 있습니다. VSCODE를 사용하여 폴더를 열고 "라이브 서버"라는 확장 프로그램을 설치하기 만하면됩니다.

그런 다음 라이브 실행이라고 표시된 하단을 클릭하면됩니다. 스크린 샷