Chrome Packaged Apps, window操作など, 2014-06-04

Chrome Packaged Appsのwindow操作などについて。
(Packagedインストール及びデバック方法は省略させて頂きます。)

参考サイト様(公式かも)：
https://developer.chrome.com/apps/about_apps


さて、初歩的ですがwindowを開くあたり。メモしたいと思います。
manifestに記載した。起動用スクリプトからwindow開く説明は省略したいと
思います。サブ画面を開く例です。

ソースこちら、 https://github.com/kuc-arc-f/chrome_window1

chrome.app.window.create
を使って、サブ画面を開きます。

画面にＡ要素を置き、
https://github.com/kuc-arc-f/chrome_window1/blob/master/top.html

===============================================
<a href="#" id="id-a-open">[ open-Sub ]</a>
===============================================

jsで、イベント処理を実装します。。
https://github.com/kuc-arc-f/chrome_window1/blob/master/top.js
===============================================

	onload = function() {
	document.querySelector('a#id-a-open').onclick = function() {
	click_sub();
	}
	}

view raw c0605-win1-top-1.js hosted with ❤ by GitHub

===============================================

クリックイベントで、サブwindow開きます。
===============================================

	function click_sub()
	{
	chrome.app.window.create(
	'sub.html',
	{id: "browserSlideID",
	bounds: {
	'width' : 1024,
	'height': 600
	}
	}
	, function(appWin) {
	appWin.contentWindow.addEventListener('DOMContentLoaded',
	function(e) {
	console.log( '#.DOMContentLoaded' );
	appWin.show();
	}
	)
	}
	);
	}

view raw c0605-win1-top-2.js hosted with ❤ by GitHub

===============================================

サブ開きました。

まとめ（Chrome Packaged Apps 開発メモ）こちら、
http://knaka0209.blogspot.jp/2014/06/chrome-pkg.html


[update: 2014/06/05] Gistにコード一部貼付け修正しました。