ホームページ バックエンド開発 PHPチュートリアル ブラウザ上で PHP を追跡およびデバッグする方法と、ChromePhp の使用方法の簡単な紹介

ブラウザ上で PHP を追跡およびデバッグする方法と、ChromePhp の使用方法の簡単な紹介

Jun 13, 2016 pm 12:00 PM
chrome github

ブラウザ上で 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 次元配列である必要があります。それ以外の場合は表示されません。配列のキー名とフィールド名


以下はレンダリングです:








このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

Windows 11/10のUpdater.exeとは何ですか?これはChromeのプロセスですか? Windows 11/10のUpdater.exeとは何ですか?これはChromeのプロセスですか? Mar 21, 2024 pm 05:36 PM

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 がプラグインを読み込めない場合の対処方法 Chrome がプラグインを読み込めない場合の対処方法 Nov 06, 2023 pm 02:22 PM

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

Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか? Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか? Mar 08, 2024 am 08:55 AM

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ページが開けない問題の解決方法 Jan 04, 2024 pm 10:18 PM

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

Windows 11/10にGitHub Copilotをインストールする方法 Windows 11/10にGitHub Copilotをインストールする方法 Oct 21, 2023 pm 11:13 PM

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

Gitlab で保護されたブランチをセットアップして PR を送信する方法について話しましょう Gitlab で保護されたブランチをセットアップして PR を送信する方法について話しましょう Mar 30, 2023 pm 09:01 PM

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

クロムってどういう意味ですか クロムってどういう意味ですか Aug 07, 2023 pm 01:18 PM

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

Chrome と Edge のすべてのタブでテキストを検索する方法 Chrome と Edge のすべてのタブでテキストを検索する方法 Feb 19, 2024 am 11:30 AM

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

See all articles