この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 12177|答える: 1

[角] Angular 9シリーズ(10)はvconsoleおよびerudaの開発者デバッグパネルを埋め込みます

[リンクをコピー]
2020年6月29日 16:26:06 に投稿 | | | |
Angular 9シリーズ(1)動的負荷成分
https://www.itsvse.com/thread-9238-1-1.html

Angular 9系列(2)動的成分伝送パラメータ
https://www.itsvse.com/thread-9245-1-1.html

Angular 9シリーズ(3)は動的コンポーネントイベントをサブスクライブします
https://www.itsvse.com/thread-9246-1-1.html

Angular 9シリーズ(IV)カスタムパイプパイプライン
https://www.itsvse.com/thread-9248-1-1.html

Angular 9シリーズ(V)は金額通貨形式をフォーマットします
https://www.itsvse.com/thread-9249-1-1.html

Angular 9シリーズ(VI)はネイティブのJS変数とメソッドを呼び出します
https://www.itsvse.com/thread-9254-1-1.html

Angular 9シリーズ(VII)CSSスタイルのスコープ
https://www.itsvse.com/thread-9264-1-1.html

Angular 9シリーズ(VIII)は、集合を通じてイベントをトリガーすることで子コンポーネントの値を更新します
https://www.itsvse.com/thread-9267-1-1.html

Angular 9シリーズ(9)#id セレクターがページに適用されています
https://www.itsvse.com/thread-9278-1-1.html


PC側のウェブサイトにアクセスするには、F12キーを押してブラウザからデバッグツールを開き、出力ログ、ネットワークリクエスト、ウェブページの要素、クッキーなどの情報を閲覧できます。

しかし、モバイルやミニプログラム、アプリを開発する際には異常な問題が発生し、その異常な情報を直接確認することはできません。
純粋なHTMLウェブページのチュートリアル:

[フロントエンド必須]開発者デバッグパネル
https://www.itsvse.com/thread-9285-1-1.html

この記事では、Angular 9プロジェクトに埋め込まれた2つのフロントエンド開発者用デバッグパネルを推奨します。

まずレンダリングを見てみましょう。



vコンソール

モバイルウェブページ向けの軽量でスケーラブルなフロントエンド開発者デバッグパネルです。

チュートリアルは以下の通りです。npmインストールプラグインの実行方法は以下の通りです:


コンポーネントで導入されました


呼び出す


ハイパーリンクのログインが見えます。

エルダ

Erudaはモバイルウェブページのフロントエンド向けに設計されたデバッグパネルで、DevToolsのミニ版に似ています。コンソールログの取得、要素の状態の確認、XHRリクエストの取得、ローカルストレージやクッキー情報の表示などの主要機能を備えています。

チュートリアルは以下の通りです。npmインストールプラグインの実行方法は以下の通りです:


コンポーネントで導入されました

呼び出す


ハイパーリンクのログインが見えます。

(終わり)






先の:[フロントエンド必須]開発者デバッグパネル
次に:NugetはHTTPプロキシアクセスを設定します
 地主| 2022年1月25日 13:12:03に投稿 |
vConsole direct js ingestion



初期化

免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com