Bạn đã bao giờ muốn xem nguồn của trang web từ iPad hoặc iPhone chưa? Thật không may, Safari dành cho thiết bị di động không bao gồm tính năng này và chưa tích hợp sẵn bộ công cụ kiểm tra web dành cho thiết bị di động, nhưng với sự trợ giúp của bookmarklet tùy chỉnh, bạn có thể xem nguồn của bất kỳ trang web nào ngay trong iOS và iPadOS.

Bài viết này sẽ chỉ cho bạn cách thiết lập để bạn có thể xem nguồn trong Safari dành cho iPad và iPhone bằng cách sử dụng thủ thuật javascript và bookmarklet.

Cách xem Nguồn trong Safari dành cho iPad và iPhone

1. Mở Safari nếu bạn chưa mở
2. Đánh dấu trang web này (hoặc bất kỳ trang nào khác) bằng Safari trên iPad, iPhone hoặc iPod touch và đặt tên dấu trang là “Xem nguồn”
3. Nhấp vào đây để xem javascript của bookmarklet rồi chọn Select All -> Copy
4. Nhấn vào biểu tượng Dấu trang trên màn hình trình duyệt mới Safari và nhấn vào “Chỉnh sửa”, sau đó nhấn vào dấu trang bạn đã lưu ở bước 2
5. Dán mã javascript bạn đã sao chép ở bước 3 vào thanh URL, sau đó lưu các thay đổi vào dấu trang bằng cách nhấn vào “Xong”
6. Bây giờ, khi bạn muốn xem nguồn của trang web trên iPad hoặc iPhone, hãy mở menu Dấu trang và chọn “Xem nguồn”
7. Mã nguồn sẽ xuất hiện theo cú pháp được đánh dấu với các URL nguồn có thể nhấp được

Một điều quan trọng cần lưu ý là javascript đang được sử dụng ở đây sẽ gửi mã nguồn của trang bạn đang xem tới máy chủ michelsen.dk để xử lý. Nếu bạn không hài lòng với điều đó thì vẫn có các giải pháp khác, nhưng các giải pháp đó sẽ không làm nổi bật cú pháp và gần như không đẹp về tổng thể.

Ví dụ: bạn có thể sử dụng Javascript bên dưới làm bookmarklet để xem nguồn cũng như sẽ không xử lý thông qua máy chủ từ xa, nhưng nó không sử dụng đánh dấu cú pháp:

javascript:(function(){var a=window.open('about:blank').document;a.write('Source of '+location. href+'');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap ';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();

Một mẹo tương tự sử dụng dấu trang đã chỉnh sửa để cho phép bạn chạy Firebug với Mobile Safari trên iPhone hoặc iPad, điều này có thể hữu ích hơn một chút đối với một số nhà phát triển web.

Mẹo tuyệt vời này đến từ Michelsen.dk. Tìm thấy qua Twitter, bạn cũng có thể theo dõi chúng tôi ở đó

Ai biết được, có thể một ngày nào đó Safari trong iOS và iPadOS sẽ có khả năng xem nguồn gốc? Cho đến lúc đó, bạn sẽ phải dựa vào các ứng dụng hoặc công cụ của bên này như thế này.

Điều này hoạt động tốt trong quá trình thử nghiệm nhưng một số người dùng báo cáo các kết quả khác nhau trên nhiều phiên bản Safari và iOS mới hơn. Hãy cho chúng tôi biết trong phần nhận xét bên dưới những gì phù hợp với bạn và phiên bản iOS cũng như iPad hoặc iPhone bạn đang sử dụng.