クロムレス:DIYブラウザーインターフェース(HTML、CSS、JS)

使い慣れたブラウザインターフェースを改善したいと思ったことはありませんか? たぶん、あなたもこれをやろうとしました。 もしそうなら、おそらくXULXPCOMのようなテクノロジーを使用したでしょう。 たとえば、Firefoxでは、ほとんどのインターフェイスはXULを使用して実装されます。XULは、DOMやJavaScriptなどの標準的なWebテクノロジーに基づいています。 これはすべて、ブラウザーの拡張機能を開発するための便宜のために行われていますが、同時に外部の干渉からインターフェイスを保護する障壁にもなっています。



主要なUI要素がHTML、CSS、およびJavaScriptを使用して作成された場合はどうなりますか? ブラウザインターフェースをウェブページのように細断処理できるとしたら、どのようなデザインのアイデアや新しいコンセプトが生まれるか想像するのは困難です。







スクリーンショットは、タブではなくページの小さなスクリーンショットを備えた非常に単純なブラウザーの例を示しています。



これは、インターフェースにHTMLを使用する可能性を示すために、デモンストレーションのみを目的として作成されたChromelessブラウザーです。 XULの代わりに、ブラウザー要素はフレームの形式になっています。 このアプリケーションは機能的であり、プロジェクトの主なアイデアを示すように設計されています。



現在のChromeless実装は、 XULRunnerとともにCuddlefish Lab拡張機能とJetpack SDKを組み合わせたものです。 これらのMozillaテクノロジーを使用して、XULRunnerベースのアプリケーションをゼロから作成できます。



XULをロードする代わりに、アプリケーションのメインの実行可能ファイルはHTMLファイルです。 このページには、JetpackのCommonJSモジュールへのアクセスなど、さまざまな特権があります。 したがって、タスクは、これらのモジュールを介してブラウザの機能を記述できるようにすることです。







このようなソリューションの可能性は、HTMLページをロードおよびレンダリングできる前述のプロトタイプによって証明されています。 来月、開発者は、より意味のある設計のために特定のAPIを追加する予定です。 セキュリティの問題も研究されています。



誰もが実験に参加するよう招待されています。 github.com/mozilla/chromelessのソースと手順、 Mozilla Labs Groupとirc.mozilla.orgの#labs IRCチャンネルでのコミュニケーション



Mozilla Labs経由



All Articles