Hướng dẫn console log php variable in javascript - biến bảng điều khiển log php trong javascript

Question

Vâng, tôi biết câu hỏi này được hỏi rất nhiều, nhưng tôi khá mới đối với JS và tôi cần sử dụng một biến PHP trong một số JS. Sau đó, tôi nhận thức được rằng PHP được thực hiện phía máy chủ và JS là phía máy khách tuy nhiên những người khác cho rằng điều này hoạt động.

Nội dung chính Show

Bảng điều khiển trình duyệt là gì?
Tại sao đăng nhập vào bảng điều khiển là một điều tốt
Cách đăng nhập trực tiếp vào bảng điều khiển bằng mã PHP
Sử dụng hàm json_encode
Sử dụng thư viện PHP để nhật ký console
Sự kết luận
Bạn có thể bảng điều khiển nhật ký một biến?
Bạn có thể sử dụng nhật ký console trong PHP không?
Làm cách nào để trả về giá trị từ nhật ký console?
Làm cách nào để in bảng điều khiển PHP?

Tôi đã có một biến PHP có tên là "Test1" mà tôi muốn đăng nhập vào bảng điều khiển JS (ví dụ):

 <?php
 $test1 = '1';

 print '
 <script type="text/javascript">
      var carnr;        
      carnr = "<?php print($test1); ?>"
      console.log(carnr);
 </script>';
 ?>

Những gì điều này làm là in "" cho bảng điều khiển JS. Không chính xác những gì tôi đã hy vọng.

Bây giờ điều này thậm chí có thể không thể thực hiện được và tôi có thể phải chuyển biến ra khỏi trang và quay lại với Ajax, nhưng tôi muốn có một giải pháp nhanh chóng và dễ dàng nếu có sẵn!

Bất kỳ sự giúp đỡ được đánh giá cao.

Đã hỏi ngày 15 tháng 3 năm 2013 lúc 13:38Mar 15, 2013 at 13:38

1

Bạn có thể làm điều này.

<script>
    var JSvar = "<?= $phpVar ?>";
</script>

PHP sẽ được phân tích cú pháp và giá trị của $ PHPVAR sẽ trở thành giá trị của JSVAR bất cứ điều gì.

Hãy chắc chắn rằng bạn mã hóa PHPVAR đúng cách. Ví dụ: nếu PHPVAR chứa một báo giá kép, bạn sẽ kết thúc với một JS bị hỏng

Đã trả lời ngày 15 tháng 3 năm 2013 lúc 13:43Mar 15, 2013 at 13:43

Gopinagh.RGopinagh.RGopinagh.R

4.7264 Huy hiệu vàng44 Huy hiệu bạc59 Huy hiệu đồng4 gold badges44 silver badges59 bronze badges

2

Sử dụng điều này không cần phải cung cấp "" => Thay đổi thành '. $ Test1.' ..

<?php
 $test1 = '1';

 print '
 <script type="text/javascript">
      var carnr;        
      carnr = "'.$test1.'"
      console.log(carnr);
 </script>';
 ?>

Đã trả lời ngày 15 tháng 3 năm 2013 lúc 13:46Mar 15, 2013 at 13:46

MKVMKVMKV

9157 Huy hiệu bạc6 Huy hiệu Đồng7 silver badges6 bronze badges

try

<?php $test1 = '1'; ?>
<script type="text/javascript">
  var carnr;        
  carnr = "<?php print($test1); ?>"
  console.log(carnr);
</script>

Nói chung, tốt hơn là không in các thứ tĩnh bằng PHP, nhưng để có những thứ tĩnh (không thay đổi) trực tiếp trong HTML và chỉ sử dụng PHP trên các phần thực sự cần nó.

Đã trả lời ngày 15 tháng 3 năm 2013 lúc 13:42Mar 15, 2013 at 13:42

til_btil_btil_b

3275 Huy hiệu bạc15 Huy hiệu Đồng5 silver badges15 bronze badges

Bạn đã phạm sai lầm làm điều đó như vậy:

<?php
 $test1 = '1';

 echo '<script type="text/javascript"> var carnr; carnr = "'.$test1.'" console.log(carnr)</script>';
?>

Đã trả lời ngày 15 tháng 3 năm 2013 lúc 13:41Mar 15, 2013 at 13:41

idmeanidmeanidmean

14.3k9 Huy hiệu vàng53 Huy hiệu bạc81 Huy hiệu Đồng9 gold badges53 silver badges81 bronze badges

3

Vì bạn đang viết JS của mình bằng PHP, bạn chỉ cần làm:

$test1 = "blah";

echo "<script type=\"text/javascript\">console.log($test1);</script>";

Đã trả lời ngày 15 tháng 3 năm 2013 lúc 13:41Mar 15, 2013 at 13:41

idmeanidmeanMajor Productions

14.3k9 Huy hiệu vàng53 Huy hiệu bạc81 Huy hiệu Đồng11 gold badges67 silver badges146 bronze badges

Vì bạn đang viết JS của mình bằng PHP, bạn chỉ cần làm:

Example:

print 'variable1 '.$variable1.' is now printed';

Đã trả lời ngày 15 tháng 3 năm 2013 lúc 13:43Mar 15, 2013 at 13:43

4.7264 Huy hiệu vàng44 Huy hiệu bạc59 Huy hiệu đồngLordShigi

Sử dụng điều này không cần phải cung cấp "" => Thay đổi thành '. $ Test1.' ..1 silver badge4 bronze badges

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ì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

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ì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:

<?php
function console_log($output, $with_script_tags = true) {
    $js_code = 'console.log(' . json_encode($output, JSON_HEX_TAG) . 
');';
    if ($with_script_tags) {
        $js_code = '<script>' . $js_code . '</script>';
    }
    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:

<?php $view_variable = 'a string here'; ?>
<!-- some HTML content here -->
<div>
<!-- even more HTML content here -->
</div>
<?= console_log($view_variable); ?>

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

<script>
    var JSvar = "<?= $phpVar ?>";
</script>

0

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:

<script>
    var JSvar = "<?= $phpVar ?>";
</script>

1

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.

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,:

<script>
    var JSvar = "<?= $phpVar ?>";
</script>

2

Khi điều này chạy, có vẻ như nội dung trang web bên dưới. Nếu bạn muốn nó được đầu ra vào bảng điều khiển trình duyệt, bạn cần cài đặt các tiện ích mở rộng.

Hình 4: Đầu ra ví dụ cho PHPDebugConsole

Sự kết luận

Chúng tôi sống trong một thời gian rất thú vị và thú vị cho lập trình web. Nhật ký bảng điều khiển từng là thứ chỉ có thể hoạt động với JavaScript. Trong bài viết này, bạn đã học được nhật ký console là gì và tại sao nó lại hữu ích cho việc phát triển web. Bạn cũng đã học được cách viết mã PHP của riêng mình để đăng nhập các biến PHP trong bảng điều khiển trình duyệt của bạn. Nếu bạn cần các tính năng mở rộng hơn như Console.info, có các thư viện PHP như PHPDebugConsole có thể giúp bạn điều đó.

Để biến nó thành một cơ sở hạ tầng ghi nhật ký hoàn chỉnh, từ đầu đến cuối cho ứng dụng Web PHP của bạn, chúng tôi khuyên bạn nên sử dụng Monolog. Nó rất hữu ích để bao quát các mục đích gỡ lỗi liên quan đến back-end nhiều hơn. Liên kết tất cả lại với nhau bằng cách sử dụng một công cụ giám sát hiệu suất ứng dụng, chẳng hạn như truy xuất để theo dõi hiệu suất ứng dụng của bạn, tìm kiếm thông qua nhật ký của bạn một cách dễ dàng và xác định các yêu cầu web hàng đầu và tác động của chúng đối với ngăn xếp của bạn. Chúng tôi đảm bảo bạn sẽ có một thiết lập đăng nhập vững chắc mà tốt hơn so với phần lớn các ứng dụng web PHP ngoài kia.

Bạn cũng có thể muốn thử trình cấu hình mã miễn phí Stackify, tiền tố, để viết mã tốt hơn trên máy trạm của bạn. Tiền tố hoạt động với .NET, Java, PHP, Node.js, Ruby và Python.

Thông tin về các Tác giả
Bài viết mới nhất

Bạn có thể bảng điều khiển nhật ký một biến?

Console.log () là một hàm trong javascript được sử dụng để in bất kỳ loại biến nào được xác định trước đó trong đó hoặc chỉ in bất kỳ thông báo nào cần được hiển thị cho người dùng. log() is a function in JavaScript which is used to print any kind of variables defined before in it or to just print any message that needs to be displayed to the user.

Bạn có thể sử dụng nhật ký console trong PHP không?

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: bảng điều khiển.... chủ đề/từ khóa ..

Làm cách nào để trả về giá trị từ nhật ký console?

Bảng điều khiển.log () là một hàm được sử dụng để in thông tin vào bảng điều khiển.Mặt khác, trở lại là một cuộc gọi để vượt qua một số giá trị trở lại nơi cuộc gọi được thực hiện.Chẳng hạn, giả sử bạn tạo một hàm gọi là Square () có trong một tham số số duy nhất và trả về giá trị đó bình phương.