ブラウザ上で PHP を追跡およびデバッグする方法と、ChromePhp の使用方法の簡単な紹介
ブラウザ上で PHP をトレースしてデバッグする方法と ChromePhp の使い方の簡単な紹介
以前 ThinkPHP を使ったときに、追跡してデバッグできるトレース機能があることを知り、とても興味深かったので調べてみました。似たようなことをオンラインで探したところ、ChromePhp を見つけました。これまでこの方法で PHP プログラムをデバッグすることを考えたことはありませんでした。
ThinkPHP は独自に生成した HTML を使用してテンプレートとともに出力し、表示することがあります。
同様の方法がいくつかありますが、主な出力は、テンプレートに JS コードを追加し、出力デバッグ用のブラウザのデバッグ メソッドを呼び出すことです
(console.log('Some debugging Output content of PHP');
など)
ChromePhp は、Chrome ブラウザー プラグインをインストールすることでヘッダーを通じてデバッグ コンテンツを送信し、ヘッダー情報を読み取り、ブラウザーのデバッグ パネルに表示して表示します。比較的強力で、ページにあまり干渉しません。デバッグが簡単になるので便利です。Firefox にも同様の firePhp があるそうですが、私は Firefox をあまり使用しないのでまだテストしていません
公式 Web サイトのアドレス:
http://www.chromelogger.com/
これはオープンソース プロジェクトの Github アドレスです:
Github: https://github .com/ccampbell/chromephp
これは Chrome コア ブラウザ プラグインのインストール アドレスです:
https://chrome.google.com/extensions/detail/noaneddfkdjfnfdakjjmocngnfkfehhd
しかし、常にブロックされて開くことができず、Google Chrome でのみインストールできます。長い間検索しましたが、3.0 プラグインしか見つかりませんでした
プラグインのダウンロード アドレス :
http://download.csdn.net/detail/zsjangel/7535201
インストール後、最新の 4.1 にアップグレードしてみると、次のように成功しました。
3.0 のプラグイン アイコンは異なります。 4.1 の
以下はバージョン 4.1 です。黒は、プラグインをクリックして起動します
下部が青色になっている場合、これは起動を意味し、パネルにデバッグ情報が表示されます
PHP での使用法:
ChromePhp::log('Hello console!');ChromePhp::group('this is group');ChromePhp::log('Hi 神神的蜗牛!');ChromePhp::error('something went wrong!');ChromePhp::groupEnd();ChromePhp::table(array(array('aa'=>'bb', 'cc'=>11), array('aa'=>'cc', 'cc'=>22)));
グループは、以下のすべてがセットであることを意味します。デバッグ情報、groupEnd の終わりまで、表示効果は通常のログとは異なります
table パラメーターは 2 次元配列である必要があります。それ以外の場合は表示されません。配列のキー名とフィールド名
以下はレンダリングです:

ホット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)

ホットトピック











Windows 上で実行するすべてのアプリケーションには、それを更新するためのコンポーネント プログラムがあります。したがって、Google Chrome または Google Earth を使用している場合は、GoogleUpdate.exe アプリケーションが実行され、アップデートが利用可能かどうかが確認され、設定に基づいてアップデートされます。ただし、Windows 11/10 のタスク マネージャーにプロセス updater.exe が表示されなくなり、代わりにプロセス updater.exe が表示される場合は、これには理由があります。 Windows 11/10のUpdater.exeとは何ですか? Googleは、Google Earth、Google Drive、Chromeなどのすべてのアプリのアップデートを公開しました。このアップデートにより、

Chrome でプラグインを読み込めない場合は、プラグインが正しくインストールされているかどうかの確認、プラグインの無効化と有効化、プラグインのキャッシュのクリア、ブラウザとプラグインの更新、ネットワーク接続の確認、およびシークレット モードでプラグインをロードしようとしています。解決策は次のとおりです: 1. プラグインが正しくインストールされているかどうかを確認し、再インストールします。 2. プラグインを無効にしてから有効にし、[無効] ボタンをクリックして、もう一度 [有効] ボタンをクリックします。 3. プラグインをクリアします。 - キャッシュで、[詳細オプション] > [閲覧データのクリア] を選択し、キャッシュの画像とファイルを確認してすべての Cookie をクリアし、[データのクリア] をクリックします。

Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか?通常の状況では、Chrome プラグイン拡張機能のデフォルトのインストール ディレクトリは次のとおりです。 1. WindowsXP での Chrome プラグインのデフォルトのインストール ディレクトリの場所: C:\DocumentsandSettings\username\LocalSettings\ApplicationData\Google\Chrome\UserData\ Default\Extensions2. Windows7 の chrome プラグインのデフォルトのインストール ディレクトリの場所: C:\Users\username\AppData\Local\Google\Chrome\User

Google Chrome Web ページが開けない場合はどうすればよいですか? Google Chrome を使用するのが好きな友人はたくさんいますが、もちろん、Web ページが正常に開けない、または使用中に Web ページが開くのが非常に遅いと感じる友人もいます。 Google ChromeのWebページがエディタで開けない問題の解決策を見てみましょう。 Google Chrome Webページが開けない問題の解決方法 方法 1. まだレベルをクリアしていないプレイヤーを助けるために、パズルを解くための具体的な方法について学びましょう。まず、右下のネットワークアイコンを右クリックし、「ネットワークとインターネットの設定」を選択します。 2. [イーサネット] をクリックし、[アダプター オプションの変更] をクリックします。 3. 「プロパティ」ボタンをクリックします。 4. ダブルクリックして開きます。

GitHubCopilot は、コードを適切に予測してオートコンプリートする AI ベースのモデルを備えた、プログラマーにとっての次のレベルです。ただし、この AI の天才をデバイスに導入して、コーディングをさらに簡単にする方法を疑問に思っているかもしれません。ただし、GitHub の使用は必ずしも簡単ではなく、初期設定プロセスは難しいものです。したがって、Windows 11、10 の VSCode に GitHub Copilot をインストールして実装する方法に関するステップバイステップのチュートリアルを作成しました。 Windows に GitHubCopilot をインストールする方法 このプロセスにはいくつかの手順があります。したがって、今すぐ以下の手順に従ってください。ステップ 1 – 最新バージョンの Visual Studio がコンピューターにインストールされている必要があります

この記事は Gitlab の学習についてであり、保護されたブランチを設定してリーダーに PR を送信する方法について説明しています。

Chrome とは、ブラウザを意味します。Google が開発した Web ブラウザです。2008 年に初めてリリースされ、すぐに世界で最も人気のあるブラウザの 1 つになりました。その名前は、その象徴的なブラウザのインターフェイス デザインに由来しています。特徴は、ブラウザのタブ バーです。このタブ バーの外観は、クロム メタルに非常に似ています。

このチュートリアルでは、Windows の Chrome または Edge で開いているすべてのタブで特定のテキストまたは語句を検索する方法を説明します。 Chrome で開いているすべてのタブでテキスト検索を行う方法はありますか?はい。Chrome で無料の外部 Web 拡張機能を使用すると、タブを手動で切り替えることなく、開いているすべてのタブでテキスト検索を実行できます。 TabSearch や Ctrl-FPlus などの一部の拡張機能を使用すると、これを簡単に実現できます。 Google Chrome のすべてのタブでテキストを検索するにはどうすればよいですか? Ctrl-FPlus は、ユーザーがブラウザ ウィンドウのすべてのタブで特定の単語、語句、またはテキストを簡単に検索できるようにする無料の拡張機能です。この展開は
