ブラウザの外でwebアプリをデバッグする方法

ほとんどのwebブラウザでF12を押すと、コードがどのように動作しているかを深く知ることができる一連のデバッグツールが表示されます。 これは強力なツールセットであり、MicrosoftのEdgeブラウザの開発者に焦点を当てたより重要な機能の1つです。

しかし、ウェブは変化しており、現代のアプリケーション開発技術はそれに伴って変化しています。 これで、web技術に依存しているが、webの一部ではないアプリを構築しています。 React Native Windows、Electron、Universal Windows Platform(UWP)アプリのWebViewコントロール、progressive web apps(PWA)などのツールは、日々の開発ワークフローの一部であり、そのため、新しいコードをテストするには、デバッガ、プロ

ブラウザなしでwebをデバッグする

これらの新しい開発ツールを構築するために必要な部分の多くはすでにここにあります。 WebDriverプロトコルのような技術は、ブラウザや他のwebレンダリングサービスのリモート制御を可能にし、Websocketはwebベースのクライアントとサーバー間の高速な直接接 ローカルサーバーをwebブラウザーで実行することで、ブラウザー内およびアプリ内計測から、DOMおよびJavaScriptエンジンへの直接アクセスからデータを配信できます。

テストのためにブラウザをリモート制御できる場合は、使い慣れたF12デバッグツールをブラウザから分離し、開発用Pcから使用してみませんか? これは、MicrosoftのEdgeチームがEdge Dev ToolsのWindows Storeリリースで行ったことです。

Edge Dev ToolsはスタンドアロンのUWPアプリで、ローカルおよびリモートブラウザセッションに接続でき、複数のデバイスや複数の画面でデバッグを開始できます。 新しいユーザーとの対話や新しいデバイス形式の準備ができているため、たとえば、SharePointの新しい拡張現実ポータルでHoloLensを使用している場合は、ヘッドセットへのUSB接続を使用してWebVRやBabylonをテストできます。あなたのサイト内のjsコンテンツ。

この記事を読むには今すぐ登録

詳細を見る既存のユーザーは

にサインインしてください

Write a Comment

メールアドレスが公開されることはありません。