ホームページ > ウェブフロントエンド > jsチュートリアル > EdgeHTMLを使用してJavaScriptを使用して独自のブラウザを作成する方法

EdgeHTMLを使用してJavaScriptを使用して独自のブラウザを作成する方法

Joseph Gordon-Levitt
リリース: 2025-02-19 09:03:09
オリジナル
688 人が閲覧しました

このチュートリアルでは、Microsoft Edge WebViewコントロールと標準Webテクノロジー(HTML、CSS、JavaScript)を使用して、Windows 10に基本的なWebブラウザーの構築を示しています。 Macベースの同等物は直接サポートされていませんが、仮想マシンまたはデュアルブートインサイダービルドオファーワークアラウンド。

How to Create Your Own Browser with JavaScript Using EdgeHTML WebViewコントロールは、フレームバストの取り扱いやドキュメントの読み込みイベントの改善など、IFRAMEよりも大きな利点を提供します。

タグは、ローカルコンテンツアクセスやスクリーンショット機能の拡張などの一意の機能を提供します。 結果のブラウザは、Microsoft Edgeと同じWebプラットフォームを活用します。

x-ms-webviewサンプルコードを取得します:

完全なソースコードはGitHubで利用できます。また、Windowsストアからアプリをインストールしたり、Visual Studioソリューションを展開したりして、ブラウザを直接体験することもできます。

このプロジェクトは、標準のWebテクノロジーとWebViewコントロールを備えた機能的なWebブラウザーの作成のしやすさを示しています。 Microsoftは、Windows 10開発のさらなる調査を奨励しています

さらなるWeb開発リソース:How to Create Your Own Browser with JavaScript Using EdgeHTML

この記事は、Microsoftのシリーズの一部であり、実用的なJavaScript、オープンソースプロジェクト、クロスブラウザー互換性のベストプラクティスに焦点を当てています。 これらのリソースを活用して、Web開発スキルを向上させます

dev.modern.ie:は、古いライブラリ、レイアウトの問題、アクセシビリティの問題のためにスキャンサイトの無料ツールを提供します。 Mac、Linux、Windows用の仮想マシン、Microsoft Edgeにはリモートテストを提供します。 クロスブラウザーテストにGitHubコーディングラボが含まれています

Microsoft Edge Web Summit 2015:

新しいブラウザ、サポートされているWebプラットフォーム標準、およびJavaScriptコミュニティからの洞察に関する詳細な情報を提供しています。
  • 追加のリソース:高度なJavaScriptテクニック、エッジレンダリングエンジン、WebGL、ホストされたWebアプリなどに関する記事を探索します(Brevityのために省略された特定の記事へのリンク)。
  • クロスプラットフォームツール:
  • Visual Studioコード(Linux、MacOS、Windowsで利用可能)とAzure(無料試用版)を利用します。
  • よくある質問(FAQ):
  • 次のFAQは、EdgeHTMLとJavaScriptを使用してブラウザの構築に関する一般的な質問に対処しています。
    • edgehtmlとは?edgehtmlは、マイクロソフト独自のブラウザエンジンであり、トライデントのフォークであり、最新の標準サポート、パフォーマンスの向上、セキュリティの強化を提供します。
    • EdgeHTMLは他のエンジンとどのように異なりますか? ​​edgehtmlは、より高速なブラウジングのために軽量設計に優先順位を付け、モダンレンダリングモードとレガシーレンダリングモードの両方をサポートします。
    • 他のエンジンを使用できますか?
    • はい、blink、gecko、webkitなどのエンジンは代替ですが、実装は異なります。 前提条件?
    • 基本的なHTML、CSS、およびJavaScriptの知識、およびMicrosoft Edgeブラウザー。
    • ユーザー入力の取り扱い?ユーザーアクション(クリック、テキスト入力など)にJavaScriptイベントリスナーを使用します。
    • back/wordwor/reffrying?javascriptのおよび
    • オブジェクトを使用します。
    • 外観をカスタマイズしますか?historylocationデバッグ?
    • ​​Edgeの開発者ツールを使用しています
    • サードパーティライブラリ?互換性のあるライブラリを使用します。
    • クロスプラットフォームの互換性?edgehtmlはWindows固有です。クロスプラットフォーム開発には、クロスプラットフォームエンジンが必要です
    • この改訂された応答は、読みやすさと構造を改善しながら、元のコンテンツの意味を維持します。 また、簡潔さのためにいくつかのセクションを凝縮します

以上がEdgeHTMLを使用してJavaScriptを使用して独自のブラウザを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート