Làm cách nào để ngăn Chrome làm mới trang khi xem nguồn?

Khi xem nguồn trang trong Google Chrome, trình duyệt sẽ mở một tab mới và về cơ bản sẽ dán URL bằng view-source:tiền tố. Điều này là không mong muốn.

Là nhà phát triển, tôi có thể bao gồm một số đầu ra chẩn đoán chỉ hiển thị trong nguồn sau khi gửi biểu mẫu. Khi Chrome Làm mới trang để xem nguồn, nó làm cho thông tin này biến mất.

Có cách nào để ngăn chặn hành vi này?

Lưu ý: Tôi quen thuộc với tùy chọn "Kiểm tra phần tử". Đây chỉ là một phần không phù hợp để xem nguồn trang thô của trang chính xác mà bạn đang xem.

Một kịch bản thử nghiệm nhanh

<pre>
  <?= print_r($_POST, true) ?>
</pre>
<form action="" method="post">
  <input id="foo" name="foo" value="bar" />
  <input type="submit" />
</form>

Sau khi nhấp vào nút gửi, trang hiển thị

Array
(
    [foo] => bar
)

Nếu bạn xem nguồn trang, bạn sẽ thấy một đầu ra trống $_POST

<pre>
Array
(
)
</pre>
<form action="" method="post"> 
  <input id="foo" name="foo" value="bar" /> 
  <input type="submit" /> 
</form> 

Cập nhật

Rõ ràng lỗi này đã được gửi. Thở dài...

Nếu bất cứ ai biết về một công việc tốt xung quanh, tôi sẽ đánh giá rất cao nó.

Từ trang báo cáo lỗi, cách giải quyết được đề cập trong nhận xét 12 hoạt động: Trong Công cụ dành cho nhà phát triển, bật Theo dõi tài nguyên. (Nếu nó bị tắt, cho phép nó sẽ gửi lại yêu cầu đã tạo trang hiện đang hiển thị, là POST hoặc GET.) Trong danh sách Tài nguyên, bạn có thể nhấp vào trang chính để xem mã nguồn khi được trả về bởi sever cho cả yêu cầu POST và GET.

Thêm thông tin

Tôi đã chạy một số thử nghiệm bằng cách sử dụng tệp php đơn giản cho thấy phương thức yêu cầu được sử dụng và giá trị POST, nhật ký máy chủ proxy để xem Chrome yêu cầu nào đang thực hiện và chrome://net-internals/view-cache/tiền tố để xem Chrome đang lưu vào bộ đệm gì.

Khi bạn sử dụng lệnh Xem nguồn, Chrome sẽ hiển thị nguồn của phiên bản được lưu trong bộ nhớ cache của trang và nó chỉ lưu trữ các trang được yêu cầu thông qua phương thức GET.

Nếu bạn đang xem một trang mà trước đây bạn đã yêu cầu sử dụng GET và POST, thì chỉ có phiên bản GET được lưu trữ. Sử dụng lệnh Xem nguồn sẽ không yêu cầu lại trang, nhưng sẽ hiển thị phiên bản GET được lưu trong bộ nhớ cache, không phải là phiên bản POST hiện có thể nhìn thấy, nếu có.

Nếu bạn đang xem một trang mà bạn chỉ yêu cầu sử dụng phương thức POST, thì sử dụng lệnh Xem nguồn sẽ khiến Chrome tìm trong bộ đệm của nó, không tìm thấy gì, yêu cầu trang sử dụng GET, lưu vào bộ đệm và hiển thị nguồn điều đó

Câu hỏi hay - và hơi thất vọng khi đọc tất cả những bình luận "điều này là sai" hoặc "điều này sẽ không hiệu quả". Hành vi này làm cho tính năng "Xem nguồn trang" trở nên vô dụng để phát triển trong nhiều trường hợp.

Có một tiện ích mở rộng có tên " Trình xem nguồn nhanh ", dường như thực sự hiển thị nguồn của trang hiện đang được tải (tôi chưa thử nghiệm nó với các yêu cầu POST).

Tôi rất tiếc phải nói với bạn, nhưng điều này trái với bản chất hiện tại của trình duyệt và gỡ lỗi trong trình duyệt ...

Nguồn ban đầu không được lưu trong bộ nhớ, nhưng được phân tích cú pháp và chuyển thành cây phân tích càng nhanh càng tốt, điều này để ngăn chặn việc sử dụng bộ nhớ vô dụng. Do đó, mọi thông tin gỡ lỗi bạn ẩn trong nguồn sẽ bị mất và phải được yêu cầu rõ ràng. Trong các trang web được gọi là Web 2.0, các yếu tố cũng thay đổi và đó là lý do kiểm tra là như thế ...

Giải pháp 1: Trình gỡ lỗi web Fiddler cho phép bạn kiểm tra lưu lượng HTTP,
điều này cho phép bạn xem thông tin gỡ lỗi từ yêu cầu cuối cùng của bạn.

Giải pháp 2: Nhúng thông tin gỡ lỗi của bạn hoặc nối nó vào cuối
hoặc có thể hiển thị thông tin dưới dạng cửa sổ bật lên hoặc theo một cách tuyệt vời khác không làm phiền bố cục của bạn.