- HowTo/MakeChromeApp
= ChromeApp 이란? =
구글의 [Web Browser]인 [Chrome]에서 동작하는 Web App을 말한다.
= How To Make Chrome App =
google chrome하나면 끝! 구글 크롬의 Development Tool이 왠만한 [IDE]를 빰친다.
== Chrome App의 종류[* https://developers.google.com/chrome/web-store/articles/apps_vs_extensions?hl=ko] ==
일반 [WebApp]과 다를 것이 없으며 조금 다른점은 크롬에게 필요한 권한을 요청한뒤 [sandbox]를 약간 깨는 앱을 만들수 있다는 것이다. 이 때 Host App을 만든다는 것은 그냥 일반 웹페이지를 만드는 것과 다를게 없으며 Hosted App자체는 링크만 가지게 된다. 즉, 반드시 서버가 필요하다. 자세한 내용은 [https://developers.google.com/chrome/apps/docs/developers_guide?hl=ko#live 링크]참조
1. 크롬메뉴의 도구의 확장 프로그램[* chrome://extensions/]을 켠다.
일반적으로 Hosted App은 Chrome App전용으로 만들기 보다는 WebApp으로 만들어 여러 브라우져에서 모두 작동가능하도록 만든다. 따라서 Hosted App은 일반적으로 링크에 해당하는 기능 외에는 제공하지 않는 것이 보통이다. Chrome에서 Hosted App을 캐싱하여서 로컬에서도 동작할수 있게끔 하는 방법을 알고싶다면 [https://developers.google.com/chrome/apps/docs/background?hl=ko 링크]를 참조하자.
Packaged App은 모든 동작이 js파일을 실행함으로써 일어난다. 즉 main.js를 Chrome에서 불러들여서 실행을 하면 그 코드대로 실행된다. 즉 크롬앱의 진입점이라 할수 있으며 파일 이름 자체는 manifest.json에서 수정이 가능하다. 아래 코드는 시작되었을때 새 창을 띄워주는 코드이다.
chrome.app.runtime.onLaunched.addListener(function() {
chrome.app.window.create('index.html', {
* [http://developer.chrome.com/extensions/getstarted.html]
* [http://developer.chrome.com/apps/about_apps.html]
* [https://developers.google.com/chrome/apps/docs/?hl=ko]
* [Plugin/Chrome/네이버사전]
- 틀:웹브라우져
||[Safari]||[Opera]||[Firefox]||[Chrome]||[IE]||
Found 2 matching pages out of 7540 total pages
You can also click here to search title.
