Jquery Mobile API 오프라인 크롬 브라우저에서 확인 하는 방법

Jquery Mobile Api는 정말 많은 기능을 가지고 있습니다.

 

응용해 보려고 이곳 저것을 해보다가 유독 크롬 브라우저네서 데보를 돌리면 무한 로딩이 되는 것을 발견했습니다.

 

물론 인터넷에 올리고는 정말 잘 작동 합니다.

 

 

여기서는 Jquery Mobile API의 크롬 브라우저 무한 로딩을 우회하여 컴퓨터에서 작업하며 확인 하는 방법에 대하여 알아 보겠습니다.

 

 

Jquery mobile API를 다운 받아 컴퓨터에서 돌리면 아래와 같이 크롬 브라우저에서는 무한 로딩을 합니다.

 

버전 문제인자 해서 전체 버번을 다 테스트 해보았으나 버전 문제는 아니었습니다.

 

크롬 브라우저에서는 무한로딩을 시전합니다. 그것도 오프라인에서만 일어나는 현상입니다.

 

온라인 즉 인터넷에 적용한 경우는 이런 현상이 없습니다.

 

 

 

그래서 생각해 낸게 간단하게 웹서버를 구축하여 테스트 하는 것이었습니다.

 

다행히 HFS라는 HTTP 파일 서버가 무료에다가 파일 하나짜리에 가볍고 좋은 프로그램이 있었습니다.

 

HFS.exe

 

최신버전을 함께 올릴께요. 없는 분들은 다운 받아 사용하세요.

 

그럼 본격적으로 웹 환경을 만들겠습니다.

 

먼저 HFS를 실행하고 우측 창 빈곳에 마우스를 올리고 우측키를 누른 후 "Add folder from disk..." 를 클릭 합니다.

 

 

 

폴더 찾기에서 "Jquery mobile" 폴더를 찾은 후 선택 하고 확인 합니다.

 

 

 

"Real folder"을 클릭 합니다.

 

 

 

추가된 "Jquery moblie" 폴더를 클릭 하면 상단의 주소창이 해당 주소로 바뀝니다.

 

 

 

해당 주소 뒤에 "demos"플 추가 작성하고 우측의 "Copy to clipboard"를 누르면 주소가 클립보드에 저장 됩니다.

 

 

 

이제 크롬을 열고 주소창에 붙여넣기 (Ctrl+V)를 눌러 붙여 넣고 엔터를 눌러 실행하면 잘 작동하는 jQuery moblie 데모를 확인 할 수 있습니다.

 

 

 

감사합니다.