Cho dù bạn mới bắt đầu phát triển web hay đang tìm hiểu và khám phá cách mọi thứ hoạt động đằng sau hậu trường, việc xem mã nguồn HTML đằng sau một trang web nhất định sẽ giúp ích rất nhiều cho bạn. Chà, bạn có thể dễ dàng làm điều đó ngay từ thiết bị Android hoặc iOS của mình
Vì vậy, trong hướng dẫn này, tôi sẽ cho bạn biết cách xem mã nguồn HTML của một trang web trên cả nền tảng iOS và Android. Nhưng trước tiên, hãy tìm hiểu xem mã nguồn là gì
Trang web tốt nhất để kiểm tra mã của bạn trực tuyến
Trang web tốt nhất để kiểm tra mã của bạn trực tuyến
Các ứng dụng web và xu hướng hiện đại đã thay đổi đáng kể cách các nhà phát triển web có thể xây dựng. Rõ ràng là bạn cần một số loại. Đọc thêm
Cách xem mã nguồn website trên iPhone, iPad
Nếu bạn muốn xem mã nguồn của một trang web trên iPhone hoặc iPad, bạn sẽ cần một công cụ xem mã nguồn trang web. Có nhiều ứng dụng làm cho quy trình này trở nên đơn giản, với tính năng tô sáng cú pháp để giúp bạn hiểu những gì bạn đang tìm kiếm
HTML Viewer Q là một trong những công cụ tốt nhất để xem mã nguồn website trên iPhone mà bạn có thể cài đặt miễn phí từ App Store. Hãy sử dụng công cụ này để xem mã nguồn của trang web Amazon
Khởi chạy Trình xem HTML Q từ Màn hình chính của bạn và nhấn vào nút Liên kết ở trên cùng bên phải của ứng dụng
Nó không cần bằng cấp về khoa học máy tính hoặc toán ứng dụng để làm việc này. Chỉ cần truy cập App Store và cài đặt ứng dụng Xem nguồn. Ứng dụng chỉ có giá $1. Sau khi cài đặt, Tiện ích mở rộng Safari khả dụng. Để xem nguồn của trang web, chỉ cần nhấn vào nút chia sẻ rồi nhấn vào nút Xem nguồn
Mã nguồn HTML được mã hóa màu sẽ xuất hiện
Xem Nguồn cung cấp thêm một vài tính năng. Người ta có thể chuyển đổi giữa các chế độ xem nội dung, mô hình đối tượng tài liệu [DOM], tập lệnh và thông tin. Chia sẻ mã nguồn trực tiếp từ Tiện ích mở rộng Safari thật dễ dàng. Bạn cũng có thể định cấu hình tám chế độ mã màu khác nhau. Không tệ cho một buck
Có các ứng dụng và trình duyệt khác trong App Store có thể hiển thị mã nguồn HTML. Xem Nguồn là ứng dụng rẻ nhất và được đánh giá cao nhất. Nếu 1 đô la quá đắt và thời gian rảnh của bạn thì rẻ, có một cách miễn phí để xem mã nguồn
Xem miễn phí nguồn HTML trên iPhone của bạn bằng thủ thuật JavaScript
HTML là ngôn ngữ đánh dấu máy chủ. Thường có các ngôn ngữ khác được nhúng trong nguồn HTML. JavaScript là một công nghệ phổ biến được nhúng trong mọi trang web. Nó thổi sức sống vào các trang web, cho phép chúng trở nên năng động mà không cần tải lại toàn bộ trang liên tục. JavaScript cũng có thể giúp bạn xem mã nguồn HTML của một trang web, sử dụng một thủ thuật gọn gàng được phát triển bởi Ole Michelsen
Trước tiên, hãy thêm trang này vào Dấu trang của bạn bằng cách nhấn vào nút Chia sẻ ở trên cùng bên phải của Safari
Nhấn vào Thêm dấu trang và đặt tên cho Dấu trang là “Xem nguồn”, sau đó nhấn vào Lưu
Tiếp theo, sao chép mã JavaScript nàyjavascript:[function[]{
var w = window.open['about:blank'],
s = w.document;
s.write[''];
s.close[];
var f = s.body.appendChild[s.createElement['form']];
f.setAttribute['method','post'];
f.setAttribute['action','//ole.michelsen.dk/viewsource/?uri='+location.href];
var i = f.appendChild[s.createElement['input']];
i.setAttribute['type','hidden'];
i.setAttribute['name','DOM'];
i.setAttribute['value',encodeURIComponent[document.documentElement.innerHTML]];
f.submit[];
}][];
Chạm vào thanh địa chỉ Safari để hiển thị bảng yêu thích và dấu trang. Giữ ngón tay của bạn trên dấu trang Xem nguồn bạn vừa tạo cho đến khi nó mở rộng, sau đó thả ngón tay ra và nhấn vào Chỉnh sửa
Bây giờ dán mã JavaScript vào trường địa chỉ và nhấn vào Lưu ở trên cùng bên phải
Đó là nó. Bất cứ khi nào bạn cần xem nguồn của một trang web, chỉ cần khởi chạy View Source Bookmark, và bạn sẽ thấy mã nguồn
Như bạn có thể thấy đây là một loại bùn thông minh, nhưng dù sao cũng là một loại bùn. Nó không trang nhã như ứng dụng View Source và không cung cấp các tùy chọn mã màu. Nếu bạn gửi mã nguồn qua email, bạn chỉ nhận được một liên kết chứ không phải mã nguồn, không giống như ứng dụng Xem nguồn. Xem Nguồn cũng nhanh hơn nhiều so với thủ thuật JavaScript. Thủ thuật này phụ thuộc vào một ứng dụng web đang chạy trên ole. michelsen. dk máy chủ. Nếu máy chủ ngoại tuyến hoặc anh ấy quyết định xóa trang, nó sẽ không hoạt động
Tôi muốn nói rằng, "tiền nào của nấy", nhưng ứng dụng View Source là một thỏa thuận đáng chú ý. Tuy nhiên, lập trình viên tiết kiệm cũng có thể tận hưởng khả năng xem nguồn HTML trên bất kỳ thiết bị iOS nào. Thủ thuật này sẽ hoạt động trên iPhone, iPad hoặc iPod touch của bạn
Cách xem mã nguồn HTML trên Safari cho macOS Ventura
Apple tiếp tục đơn giản hóa macOS, biến nó giống iPhone hơn. Một phần của việc hợp lý hóa này liên quan đến việc ẩn các công cụ dành cho nhà phát triển khỏi số đông. Ở mức độ này, Apple đã gây khó khăn khi xem mã nguồn HTML trong Safari với hệ điều hành macOS Ventura mới nhất của mình
Apple chỉ cung cấp "xem nguồn" nếu chế độ nhà phát triển được bật. Sau khi kích hoạt, bạn có thể nhấp chuột phải vào bất kỳ trang web nào và xem mã nguồn HTML của nó. Đây là cách thực hiện
- Khởi chạy Safari trên macOS Ventura. Một cửa sổ Safari mới xuất hiện
- Nhấp vào Safari trong thanh menu macOS trên cùng. Một menu xuất hiện
- Nhấp vào Cài đặt. Bảng điều khiển Cài đặt Safari khởi chạy
- Nhấp vào tab Nâng cao. Tab Nâng cao xuất hiện
- Nhấp vào “Hiển thị menu Phát triển trong thanh menu” để xuất hiện kiểm tra
- Đóng bảng điều khiển Cài đặt bằng cách nhấp vào nút màu đỏ ở trên cùng bên phải
Đó là nó. Giờ đây, bạn có thể xem mã HTML và javascript của bất kỳ trang web nào bằng cách nhấp chuột phải vào trang đó. Bạn cũng có thể xem mã nguồn của trang bằng cách nhấn tùy chọn + cmd + U trên bàn phím của máy Mac. Nếu vẫn chưa đủ, bạn có thể truy cập mã nguồn của trang bằng cách nhấp vào Phát triển ở thanh menu trên cùng, sau đó chọn Hiển thị Nguồn Trang từ menu
Cá nhân tôi thích phương pháp nhấp chuột phải hơn, nhưng bạn cần nhấp vào một phần trống của trang. Với các trang web dày đặc và đông đúc, cách tốt nhất của bạn là sử dụng phím tắt hoặc menu Safari để xem nguồn