Cách xem mã nguồn trang web trên iPhone và iPad

Mặc dù các ứng dụng iOS chưa phải là cỗ máy phát triển, nhưng nhìn chung bạn sẽ tìm thấy iPhone hoặc iPad trong bộ công cụ của nhà thiết kế / nhà phát triển web. Mặc dù nếu bạn là nhà phát triển / nhà xuất bản hoặc chỉ là người muốn xem mã nguồn của một trang hoặc xem tất cả các nội dung được triển khai trên đó, bạn thường làm điều đó từ máy tính.

Giờ đây, iOS 8 đã giúp việc xem nguồn, nội dung và tài nguyên DOM của một trang trở nên dễ dàng hơn nhiều. Và nhờ có các ứng dụng tuyệt vời của bên thứ ba có hỗ trợ tiện ích mở rộng, bạn có thể làm điều đó ngay trong Safari (Chrome không được hỗ trợ vì tiện ích mở rộng chỉ có thể truy cập DOM trong Safari).

Hãy nói về hai ứng dụng sẽ giúp bạn xem và lưu mã nguồn cho bất kỳ trang web nào khi bạn đang trên đường.

Xem phần mở rộng nguồn cho Safari

View Source ($ 0,99) là một ứng dụng đơn giản và mạnh mẽ có tiện ích mở rộng Safari. Nó có giá 0,99 đô la, nhưng đi kèm với rất nhiều tính năng.

Sau khi ứng dụng được cài đặt, hãy truy cập Safari, chạm vào Chia sẻ , vuốt sang phải ở hàng dưới cùng và nhấn Hơn. Từ đây chuyển đổi Xem nguồn. Điều này sẽ kích hoạt tiện ích mở rộng.

Các tiện ích mở rộng khác trên iOS 8: Các tiện ích mở rộng iOS 8 đang nhanh chóng trở thành một công cụ mạnh mẽ. Hãy xem cách chúng hoạt động, các tiện ích mở rộng chia sẻ tốt nhất và cách một tiện ích mở rộng có thể giúp bạn biến Safari thành một trình tải xuống chính thức.

Bây giờ, hãy truy cập trang, chạm vào Chia sẻ và chọn Xem nguồn. Bạn sẽ thấy toàn bộ mã nguồn của trang. Chạm vào Chia sẻ để hiển thị bảng chia sẻ gốc. Từ đây, bạn có thể gửi mã tới ứng dụng ghi chú hoặc gửi qua email.

Bên dưới, bạn sẽ thấy bốn nút – Nội dung, DOM, Tập lệnh và Thông tin.

Nội dung liệt kê tất cả các hình ảnh trên trang. Bạn có thể nhấn vào một liên kết để xem bản xem trước và lưu hình ảnh.

Các DOM sẽ hiển thị cho bạn một mô hình cây với cấu trúc phân cấp của các tài liệu HTML, XML và SVG. Bạn có thể nhấn vào bất kỳ phần tử nào để mở rộng nó.

Các Script cho phép bạn viết và đưa Javascript vào bất kỳ trang nào (cục bộ). Các Thông tin bảng điều khiển hiển thị thông tin về trang.

Srcfari

Srcfari ($ 0,99) là một lựa chọn thay thế cho View Source. Mặc dù ứng dụng sẽ hiển thị cho bạn mã nguồn và các nội dung như hình ảnh, bảng định kiểu CSS và tập lệnh chạy trên trang, nhưng bạn sẽ phải thực hiện việc đó từ chính ứng dụng. Không có tiện ích mở rộng Safari cho Srcfari.

Điều đó nói rằng, sử dụng Srcfari không phải là một trải nghiệm tồi tệ chút nào. Ứng dụng có kiểu chữ đẹp và nó thực hiện công việc phân chia nội dung theo tập lệnh, CSS và hình ảnh tốt hơn nhiều so với ứng dụng View Source. Một điểm hấp dẫn mà tôi có với Srcfari là nó đã bật tính năng gói văn bản cho các bảng định kiểu CSS nhưng không phải khi bạn đang xem toàn bộ nguồn (ứng dụng View Source thực hiện). Điều này có nghĩa là sẽ có một số lượng lớn khả năng lia và thu phóng liên quan, ít nhất là trên iPhone.

Khác với Srcfari là chuyện bình thường. Bạn có thể sao chép mã nguồn vào khay nhớ tạm của mình hoặc gửi qua email cho ai đó. Bạn cũng có thể lưu hình ảnh bằng ứng dụng.

Sự kết luận

Safari có lẽ đã là trình duyệt mà bạn lựa chọn trên iOS (chủ yếu là do iOS không cho phép bạn chọn Chrome làm mặc định). Nếu bạn cần xem mã nguồn khá thường xuyên, ứng dụng View Source $ 0,99 với tiện ích mở rộng Safari sẽ rất đáng giá.

Bạn có thường sử dụng iPhone hoặc iPad của mình để khắc phục sự cố các trang web không? Hoặc để xem có gì sai với họ? Cho chúng tôi biết trong các ý kiến ​​dưới đây.

Cập nhật lần cuối vào ngày 8 tháng 2 năm 2018


Bài viết trên có thể chứa các liên kết liên kết giúp hỗ trợ smartreviewaz. Tuy nhiên, nó không ảnh hưởng đến tính toàn vẹn biên tập của chúng tôi. Nội dung vẫn không thiên vị và xác thực.