Hướng dẫn how to see php echo in browser - làm thế nào để xem php echo trong trình duyệt

https://github.com/bkdotcom/PHPDebugConsole

Hỗ trợ cho tất cả các phương thức bảng điều khiển JavaScript: khẳng định, rõ ràng, đếm, lỗi, nhóm, nhómCollapsed, GroupEnd, Info, Log, Bảng, Trace, Timeend, Warn cộng với một vài điều nữa: cảnh báo, nhóm, nhóm, nhóm, thời gian
assert, clear, count, error, group, groupCollapsed, groupEnd, info, log, table, trace, time, timeEnd, warn
plus a few more:
alert, groupSummary, groupUncollapse, timeGet

$debug = new \bdk\Debug(array(
    'collect' => true,
    'output' => true,
    'outputAs' => 'script',
));

$debug->log('hello world');
$debug->info('all of the javascript console methods are supported');
\bdk\Debug::_log('can use static methods');
$debug->trace();
$list = array(
    array('userId'=>1, 'name'=>'Bob', 'sex'=>'M', 'naughty'=>false),
    array('userId'=>10, 'naughty'=>true, 'name'=>'Sally', 'extracol' => 'yes', 'sex'=>'F'),
    array('userId'=>2, 'name'=>'Fred', 'sex'=>'M', 'naughty'=>false),
);
$debug->table('people', $list);

Điều này sẽ xuất thẻ ';
}
echo $js_code;
}2.

Hiển thị văn bản

Ví dụ sau đây cho thấy cách xuất văn bản với lệnh echo (lưu ý rằng văn bản có thể chứa đánh dấu HTML):

Thí dụ

echo "

PHP is Fun!

";
echo "Hello world!
";
echo "I'm about to learn PHP!
";
echo "This ", "string ", "was ", "made ", "with multiple parameters.";
?>

Hãy tự mình thử »

Hiển thị các biến

Ví dụ sau đây cho thấy cách xuất văn bản và các biến với câu lệnh echo:

Thí dụ

$txt1 = "Learn PHP";
$txt2 = "W3Schools.com";
$x = 5;
$y = 4;

tiếng vang "". $ txt1. ""; echo "Nghiên cứu PHP tại". $ txt2. ""; Echo $ x + $ y;?>
echo "Study PHP at " . $txt2 . "
";
echo $x + $y;
?>

Hãy tự mình thử »



Hiển thị các biến

Ví dụ sau đây cho thấy cách xuất văn bản và các biến với câu lệnh echo:

Hiển thị văn bản

Ví dụ sau đây cho thấy cách xuất văn bản với lệnh echo (lưu ý rằng văn bản có thể chứa đánh dấu HTML):

Thí dụ

print "

PHP is Fun!

";
print "Hello world!
";
print "I'm about to learn PHP!";
?>

Hãy tự mình thử »

Hiển thị các biến

Ví dụ sau đây cho thấy cách xuất văn bản và các biến với câu lệnh echo:

Thí dụ

$txt1 = "Learn PHP";
$txt2 = "W3Schools.com";
$x = 5;
$y = 4;

tiếng vang "". $ txt1. ""; echo "Nghiên cứu PHP tại". $ txt2. ""; Echo $ x + $ y;?>
print "Study PHP at " . $txt2 . "
";
print $x + $y;
?>

Hãy tự mình thử »



Là một ngôn ngữ lập trình, PHP là một nhà phát triển yêu thích. Một chương trình PHP thiết yếu thực tiễn tốt nhất là làm thế nào để đăng nhập vào bảng điều khiển trong PHP. Hôm nay, chúng tôi sẽ đặt ra cách bạn làm điều đó.

PHP là một trong những ngôn ngữ kịch bản phía máy chủ phổ biến nhất để xây dựng các ứng dụng web vì nó dễ sử dụng. Nhưng bất kể bạn xây dựng gì, lỗi ghi nhật ký là chìa khóa để đảm bảo chu kỳ phản hồi thử nghiệm mã ngắn.

PHP được thiết kế duy nhất để tốt cho việc xây dựng các ứng dụng web. Tuy nhiên, PHP đã được phát triển trước các trình duyệt hiện đại, do đó, nó thiếu một cách dễ dàng để đăng nhập lỗi vào bảng điều khiển trình duyệt. Sử dụng JavaScript, việc đăng nhập vào bảng điều khiển cũng đơn giản như thế này:

console.log("Message here");

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách đăng nhập vào bảng điều khiển trong PHP và tại sao việc đăng nhập PHP có thể là một điều tốt. Hơn nữa, chúng tôi sẽ giải quyết cách thức mà nó dễ dàng như đăng nhập vào bảng điều khiển bằng cách sử dụng JavaScript. Bạn có thể có những điều tốt nhất của cả hai thế giới: Tận hưởng sức mạnh của PHP và nhật ký để điều khiển trong PHP.

Bảng điều khiển trình duyệt là gì?

Trước hết, chúng ta cần hiểu bảng điều khiển trình duyệt là gì.

Bảng điều khiển trình duyệt là một cách để trình duyệt đăng nhập thông tin được liên kết với một trang web cụ thể. Thông tin được ghi lại bao gồm các yêu cầu mạng, JavaScript, CSS, lỗi bảo mật và cảnh báo, cũng như các lỗi, cảnh báo và tin nhắn thông tin được ghi lại rõ ràng bằng mã JavaScript chạy trong bối cảnh trang.

Đối với các cuộc biểu tình, chúng tôi sẽ sử dụng phiên bản máy tính để bàn của Google Chrome, nhưng bạn cũng có thể thực hiện các bước tương tự trong các phiên bản máy tính để bàn của Firefox, Safari và Internet Explorer. & NBSP;

Để bắt đầu, hãy mở Google Chrome và truy cập bất kỳ trang web nào, nhấp chuột phải và chọn kiểm tra để hiển thị các công cụ phát triển Chrome Chrome.

Hướng dẫn how to see php echo in browser - làm thế nào để xem php echo trong trình duyệt
Hình 1: Cách kích hoạt các công cụ của nhà phát triển trong Chrome Hình 2: Công cụ phát triển trong Chrome sau khi nhấp
Hướng dẫn how to see php echo in browser - làm thế nào để xem php echo trong trình duyệt
Fig. 2: Developer Tools in Chrome after clicking Inspect

Bảng điều khiển trình duyệt sẽ là một trong những tab trong các công cụ nhà phát triển. Và bạn có thể kiểm tra nó bằng cách viết cùng một lệnh javascript & nbsp; console.log & nbsp;console.log command.

Hướng dẫn how to see php echo in browser - làm thế nào để xem php echo trong trình duyệt
Hình 3: Cách đăng nhập vào bảng điều khiển bằng JavaScript

Tại sao đăng nhập vào bảng điều khiển là một điều tốt

Có hai lý do chính bạn muốn đăng nhập vào bảng điều khiển trình duyệt.

Đầu tiên là sự đơn giản. Là một nhà phát triển PHP, bạn muốn làm việc với hai ứng dụng nhiều nhất, trình chỉnh sửa mã yêu thích hoặc IDE và trình duyệt của bạn. Vì bạn thường chuyển đổi giữa hai khi bạn viết mã vào trình chỉnh sửa và kiểm tra nó trên trình duyệt, nên nơi tự nhiên nhất để hiển thị các câu lệnh đăng nhập nằm trong trình duyệt.

Lý do thứ hai là để giữ cho việc khai thác ít nhất có thể. Bây giờ, bạn có thể đăng nhập bằng các hàm gốc của PHP, chẳng hạn như VAR_DUMP. Tuy nhiên, khi bạn sử dụng var_dump, bạn cần quyết định nơi bạn muốn viết đầu ra.var_dump. However, when you use var_dump, you need to decide where you want to write the output to.

Bạn có thể viết đầu ra vào trang web của trình duyệt, nhưng điều này có thể sẽ làm biến dạng màn hình. Một điểm đến khả thi khác cho đầu ra có thể là một tệp trong máy chủ của bạn. Đối với tùy chọn này, chúng tôi đề xuất một thư viện ghi nhật ký nguồn mở như Monolog thay vì VAR_DUMP. Nếu bạn thích xuất các biến xem mà không làm biến dạng trang web, việc đăng nhập vào bảng điều khiển trình duyệt sẽ tốt hơn

Một điều cần lưu ý là các nhà phát triển PHP đang ngày càng hấp dẫn các khung như Laravel và Symfony. Các khung này thường sử dụng các thư viện ghi nhật ký PHP phổ biến như Monolog. Thư viện ghi nhật ký PHP hoạt động tốt nhất khi xuất trình phân tích chi tiết dấu vết ngăn xếp lỗi cho các lỗi phía máy chủ như kết nối cơ sở dữ liệu vào các tệp.

Chúng tôi có một hướng dẫn bao gồm ghi nhật ký độc thoại cho các tình huống như vậy, nơi bạn có thể tìm hiểu cách gửi nhật ký để truy xuất. Đôi khi bạn chỉ muốn một cái gì đó nhẹ để hiển thị bên trong trình duyệt để gỡ lỗi phía trước. Đối với những tình huống như vậy, việc đăng nhập vào giao diện điều khiển sẽ là lý tưởng. Hơn nữa, bạn có thể kết hợp kỹ thuật này với các phương pháp ghi nhật ký PHP tiêu chuẩn để thiết lập phát triển hoàn chỉnh hơn.

Cách đăng nhập trực tiếp vào bảng điều khiển bằng mã PHP

Có hai cách chính bạn có thể đăng nhập trực tiếp vào bảng điều khiển bằng mã PHP (hầu hết) - hàm JSON_ENCODE và thư viện PHP.json_encode function and PHP libraries.

Sử dụng hàm json_encode

Hãy nói rằng bạn muốn console đăng nhập một biến PHP $ view_varable trong lớp chế độ xem của bạn. Hãy nhớ lại rằng Console.log là một hàm JavaScript. Nguyên tắc chính là chúng ta có thể sử dụng JSON để chuyển biến PHP cho hàm JavaScript. Bạn tạo một chức năng PHP như thế này:$view_variable in your view layer. Recall that console.log is a JavaScript function. The key principle is that we can make use of JSON to pass the PHP variable to the JavaScript function. You create a PHP function like this:

function console_log($output, $with_script_tags = true) {
$js_code = 'console.log(' . json_encode($output, JSON_HEX_TAG) .
');';
if ($with_script_tags) {
$js_code = '';
}
echo $js_code;
}

Bạn có thể gọi chức năng này tại địa điểm chính xác bạn muốn chạy console_log mà chúng tôi vừa tạo ở trên. Một ví dụ về việc sử dụng của nó sẽ trông như thế này:console_log that we just created above. An example of its usage would look like this:






Và đánh dấu HTML được tạo sẽ là thế này:





Hãy nhớ bao gồm định nghĩa của hàm PHP Console_log tùy chỉnh để gọi nó nhiều lần khi cần thiết. Nếu bạn thích chuyển đổi chuỗi JSON thành các biểu mẫu khác, bạn có thể tham chiếu danh sách các hằng số mà JSON_ENCODE sử dụng. Các hằng số hữu ích mà bạn có thể sử dụng nhiều hơn là json_force_object và json_pretty_print.JSON_FORCE_OBJECT and JSON_PRETTY_PRINT.

Đăng nhập giữa mã JavaScript của bạn

Đôi khi bạn không muốn cài đặt các thư viện PHP trừ khi bạn hoàn toàn chắc chắn bạn phải làm. Bạn có thể thích ghi nhật ký các biến PHP ở giữa mã JavaScript được tìm thấy trong các tệp xem PHP của bạn. Bạn có thể sử dụng cùng một kỹ thuật theo cách này:

Sử dụng thư viện PHP để nhật ký console

Nếu bạn thích sử dụng các thư viện nguồn mở đã giải quyết vấn đề này, có hai tùy chọn mà chúng tôi đề xuất-PHPDebugConsole (hướng dẫn cài đặt và mã tại đây) và PHPConsole (hướng dẫn cài đặt và mã tại đây).PHPDebugConsole (installation instructions and code here) and PHPConsole (installation instructions and code here).

So sánh giữa phpdebugconsole và phpconsole

Một so sánh nhanh giữa hai thư viện mang lại phân tích sau đây.

Một so sánh nhanh giữa hai thư viện mang lại phân tích sau đây.

Phpconsole dường như được thiết lập nhiều hơn với 1,3k sao trên repo github của nó. Tại thời điểm viết bài, bản cập nhật cuối cùng của PHPConsole là tháng 9 năm 2019 và có ít cam kết hơn (126). Một phần mở rộng Chrome được khuyến nghị cho phpconsole dường như được tác giả bởi cùng một người đứng sau phpconsole. Cuối cùng, trang web demo phpconsole không còn hoạt động nữa, lần cuối tôi đã kiểm tra.

Trong khi đó, PHPDebugConsole có 51 sao trên repo GitHub, lịch sử cập nhật thường xuyên hơn và 797 cam kết với ba cam kết cuối cùng diễn ra vào tháng 11 năm 2021. Tài liệu khuyến nghị một số phần mở rộng trình duyệt mà PHPDebugConsole có thể hoạt động và bao gồm các ví dụ.

Cân nhắc tất cả những điều trên, chúng tôi khuyên bạn nên chọn PHPDebugConsole nếu bạn muốn sử dụng thư viện PHP để nhật ký console. Nhìn chung, chúng tôi đề xuất ma trận quyết định sau:

  • Nếu bạn muốn giữ cho nó đơn giản, hãy sử dụng chức năng PHP JSON_ENCODE
  • Nếu bạn muốn sử dụng các tính năng rộng hơn như Console.info, hãy sử dụng phpdebugconsole với phpconsole làm sao lưu của bạnconsole.info, use PHPDebugConsole with PHPConsole as your backup
Một ví dụ từ phpdebugconsole

Tại đây, một ví dụ được lấy từ trang web demo tuyệt vời của PHPDebugConsole,:

 true, // turn logging on
    'output' => true, // if left false (default), the output() method will return an empty string
));

/**
 * Example Class
 * Demonstrates PHP reflection and PHPDocBlock
 */
class Example
{
    private $offLimits = 'I\'m a private property';

    public function __toString() {
        return 'It\'s Magic';
    }

    /**
     * Foo is a private method that does stuff
     *
     * @param string $bar the string you want to foo
     *
     * @return string the fooed string
     */
    private function foo($bar) {
    }
}

$debug->info('PHPDebugConsole is great!');
$debug->warn('No browser plugin necessary');
$debug->log('features/options', array(
    'PHP port of the javascript web console API',
    'outputOpts' => array(
        'HTML (as seen here)',
        'ChromeLogger',
        'FirePHP',
        'Plain-text / file',
        '