Hatena::ブログ(Diary)

PHP,MySQL,Flex,JSな日々+イラストとか このページをアンテナに追加 RSSフィード Twitter

2008年10月24日

AIRで簡単なHTMLブラウザを作ってみた。

最近ちょっと小難しい話題ばっかりだったので、誰でも簡単に作れるAIRで簡単なHTMLブラウザを作ってみました。

お試しインストールはこちら

f:id:haru-komugi:20081024123421j:image

簡単なヒストリー機能が付いてます。

AIRのHTMLコンポーネントの扱いは簡単で、

location=myurlでページへ飛んで、

historyBack()で戻って、

historyForward()で進みます。

AIR勉強用にどうぞ。

ソースはこちら

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication
    xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical" width="600" height="500"
    showStatusBar="false"
    backgroundColor="0x000000" backgroundAlpha="0.5"
    >
<mx:Script>
<![CDATA[
//htmlヒストリー
[Bindable]private var hisArr:Array = new Array();
private function setHistory():void{
    hisArr = new Array();
    var len:int = myHTML.historyLength;
    while( len -- ){
        hisArr[len] = myHTML.getHistoryAt(len);
    }
}
]]>
</mx:Script>
<!--URL入力用-->
<mx:HBox width="100%">
    <mx:TextInput id="myURL" text="http://google.co.jp/"
        width="100%"
        enter="{myHTML.location = myURL.text;}"/>
        <mx:Button label="GO!" click="{ myHTML.location = myURL.text; }"/>
        <mx:Button label="戻る" click="{ myHTML.historyBack() }"/>
        <mx:Button label="進む" click="{ myHTML.historyForward() }"/>
</mx:HBox>
<!--HTML表示用-->
<mx:HBox width="100%" height="100%">
    <mx:DataGrid id="dg" dataProvider="{hisArr}" width="100" height="100%"
        itemClick="{myHTML.historyPosition = dg.selectedIndex}">
        <mx:columns>
            <mx:DataGridColumn headerText="タイトル" dataField="title"/>
            <mx:DataGridColumn headerText="URL" dataField="url" visible="false"/>
        </mx:columns>
    </mx:DataGrid>
    <mx:HTML id="myHTML" width="100%" height="100%" complete="setHistory()"/>
</mx:HBox>
</mx:WindowedApplication>

はむろうはむろう 2011/02/19 19:22 おはつです。
自分もたまたまAIRでブラウザつくったのですが、
(自分の場合は自分のサイト専用ブラウザです。)
AIRのHTMLコンポーネントでページの表示について調べていたのですが、読み込みが異常に遅く感じます。
これはなんとかならないのでしょうか?
たとえば、読み込みさきがきまっているのでそのページの画像をAIR側でキャッシュさせるとか。
AIRに関して無知なので知っていたら教えてほしいです。
宜しくお願い致します。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/haru-komugi/20081024/1224819367