


Fiddler を使用して携帯電話のデバッグ環境を構築します (私が取り組んでいるプロジェクトは WeChat 公式アカウントのデバッグです)
内容の一部参考:http://ju.outofmemory.cn/entry/22854
WeChat エンタープライズ アカウントをテストしていたとき、WeChat の制限のため、デバッグのために Chrome ブラウザに取り込むことができませんでした。そのためページの変更をリアルタイムで確認できなかったため、チェックできる人が必要でした。私たちのページはツールでいつでも変更されます。 Fiddler の使用にはいくつかの問題があり、ブラウザで直接デバッグすることはできませんが、変更したページをサーバーにアップロードして携帯電話を使用してリクエストを行うよりもはるかに簡単です。
1. まず、フィドラーをインストールする必要があります。中国語版でもそうでなくても構いません。リンク: http://pan.baidu.com/s/1miuGbyS パスワード: kjjg、確認してインストールしてください。インストールが完了したら、以下の設定を行います。 Fiddler プロキシはデフォルトでポート 8888 を使用し、携帯電話の http プロキシを Fiddler のプロキシ サーバーとして設定します (以下に具体的な手順があります)。これにより、モバイル アプリケーションからのすべてのリクエストが Fiddler を介して転送され、それによって表示機能が実現されます。携帯電話でのページリクエスト。
1) Fiddler のオプションを設定します。
Fiddler->Tools->Fiddler Options を開き、リモート コンピューターの接続を許可するにチェックを入れます
[接続] パネルで、確認後、Fiddler を閉じて、Fiddler を再度開きます。
2) この時点で、エージェントが正常に動作していることを確認するために、cmd で <code class="prettyprint prettyprinted"><span class="pln">netstat <span class="pun">-<span class="pln">anop tcp</span></span></span>
netstat
anop tcp
を実行して、 Fiddler プロセスは 8888 ポートを正常にリッスンしています。サービスが正常に開かない場合は、他のポートを使用して、ポートの変更場所を試行できます (前の手順で直接変更できます)。
まずタスクマネージャーを開いて、以下の Fiddler の PID コードを確認しましょう。タスク マネージャーを開くショートカット キーは、Ctrl+shift+ESC です。図に示すように、Fiddler.exe の PID は 3156 です。インターフェイスに PID 項目がない場合は、下を見てください。
タスク管理ページで、[表示] - [列の選択] を選択し、図に示すように [PID] 列にチェック マークを付けます。これにより、PID がタスク管理インターフェイスで使用できるようになります。
cmd を開いて netstat
-anop tcp コマンドを実行すると、PID が 3156 でポート 8888 をリッスンしていることがわかります。次に、携帯電話のプロキシを Fiddler のプロキシに設定する必要があります。プロキシ設定には、Fiddler が実行されているコンピューター (Fiddler がインストールされているコンピューター) の LAN IP アドレスが必要です。デフォルトのポートは Fiddler プロキシのポート 8888 です。携帯電話が配置されているネットワーク セグメントがコンピュータが配置されているネットワーク セグメントにアクセスできることを確認してください。通常、同じ LAN 内では問題ありません (コンピュータはブロードバンドを使用しています)。 、携帯電話は Wi-Fi を使用します。ネットワークは 1 つで十分です)。
2. Fiddler ソフトウェアをインストールしたコンピューターの IP を確認します。私のコンピューターの IP は 192.168.1.12 です。会社のネットワークを使用しているため、IP は毎日動的に取得されます。 IP を固定のものに変更するには、fiddler を使用するたびに手動で変更する必要があります。
🎜 🎜 🎜 🎜3. 携帯電話のプロキシを設定し、192.168.1.12:8888 にアクセスします。プロキシのホスト名は、コンピュータ ネットワークの IP とプロキシ サーバーのポートです。写真に示すように、私たちのバイオリンが監視しているものです🎜
コンピューターの IP を書き込み、その後にデバッグする Web ページの URL を続けます。
このようにして、hand-extreme ページをデバッグできます。
5. 問題: fiddler を設定した後、https プロトコルで Web サイトにアクセスすると、図に示すように次の問題が発生する可能性があります。
この問題により、Baidu、Alibaba などの一部の Web サイト コンテンツに正常にアクセスできなくなります。これは、フィドラーが https の監視をオンにしているためです。設定のチェックを外してください。 Fiddler ページで、[ツール] -- [Telerik Fiddler オプション] -- [HTTPS] をクリックし、https チャネルを監視する (HTTPS トラフィックを復号化する) チェックマークを外します

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

HTML、CSS、およびJavaScriptは、最新のWebページを構築するためのコアテクノロジーです。1。HTMLはWebページ構造を定義します。2。CSSはWebページの外観に責任があります。

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

この記事では、HTMLタグの違いについて説明します。、、、、、、、およびプレゼンテーションの使用とSEOとアクセシビリティへの影響に焦点を当てています。
