Mở tệp HTML trong Chrome trên iPad

Bạn có tò mò về web và muốn xem qua mã nguồn của bất kỳ trang web nào trên Internet không? . Một trong những câu hỏi thường gặp nhất của độc giả mà chúng tôi thấy là cách xem mã nguồn HTML từ BẤT KỲ trang web nào trên iPhone (hoặc một iDevice–iPad hoặc iPod Touch khác). )  Thật may mắn, chúng tôi đã có giải pháp nhờ Nhà phát triển Rob Flaherty. Bài viết này phác thảo các bước cần thiết để xem mã nguồn (HTML, CSS, JavaScript, v.v. ) cho bất kỳ trang web nào trên iDevices của bạn bao gồm iPad, iPhone hoặc iPod touch. Và tốt nhất là không cần ứng dụng

bài viết liên quan

  • Cách xem mã nguồn HTML trên Safari

nội dung

Cách xem mã nguồn HTML trên iDevices

8 bước đơn giản để xem mã nguồn HTML

  1. Nhấn vào Safari (iPhone, iPod hoặc iPad), nếu nó chưa được mở và truy cập trang này. Phương pháp này cũng hoạt động với Chrome
  2. Chọn nút Chia sẻ (còn được gọi là nút Hành động)
    Mở tệp HTML trong Chrome trên iPad
  3. Nhấn vào Dấu trang
    Mở tệp HTML trong Chrome trên iPad
  4. Chọn Trường tên và nhấn vào biểu tượng X để xóa nó và đặt tên là “Hiển thị nguồn trang” rồi nhấn “Lưu. ”
    Mở tệp HTML trong Chrome trên iPad
  5. Bây giờ hãy truy cập trang này và chọn tất cả và sao chép mã javascript. (mã tín dụng. Rob Flaherty)
    Mở tệp HTML trong Chrome trên iPad
  6. Xác nhận rằng mã bạn sao chép từ trang của Rob trông giống như mã này (nhưng sao chép từ trang này KHÔNG phải từ bên dưới)
    1. 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))})();
  7. Nhấn vào biểu tượng Dấu trang và nhấn vào Chỉnh sửa
    Mở tệp HTML trong Chrome trên iPad
  8. Chọn dấu trang “Hiển thị nguồn trang” mà bạn vừa tạo ở bước # 4
    Mở tệp HTML trong Chrome trên iPad
  9. Nhấn vào Trường địa chỉ và nhấn vào biểu tượng X để xóa nó, sau đó dán mã javascript mà bạn đã sao chép ở bước # 5;
    Mở tệp HTML trong Chrome trên iPad

Đó là nó. Giờ đây, bạn có thể truy cập vào bất kỳ trang web nào bằng Safari dành cho thiết bị di động (và Chrome) trên iDevice (iPhone, iPod hoặc iPad), nhấn vào biểu tượng Dấu trang, sau đó nhấn vào dấu trang Hiển thị nguồn trang và một cửa sổ mới sẽ mở ra hiển thị mã nguồn của trang đó. . Tuyệt vời và dễ dàng

Kết quả cuối cùng để xem mã nguồn HTML

Mở tệp HTML trong Chrome trên iPad
Mở tệp HTML trong Chrome trên iPad

 

Và, tất nhiên, có một ứng dụng cho điều đó

Nếu bạn không thích ý tưởng thực hiện một loạt các bước thủ công, thì App Store sẽ cung cấp một số ứng dụng phù hợp với bạn. Tìm các ứng dụng của bên thứ ba như Xem nguồn, Nguồn cho trang web, Trình duyệt nguồn và các ứng dụng tương tự cho phép bạn xem mã nguồn HTML. Với các ứng dụng này, bạn có quyền truy cập vào tất cả mã nguồn HTML, CSS của trang web yêu thích của mình và trên một số ứng dụng, bất kỳ Javascript nào. Một số ứng dụng này thậm chí còn cung cấp tiện ích mở rộng Safari cho thiết bị iOS và bao gồm các tính năng tìm kiếm và đánh dấu cú pháp tích hợp sẵn.  

Mở tệp HTML trong Chrome trên iPad

Với các ứng dụng này, việc xem mã nguồn là một quy trình một bước suôn sẻ. Chỉ cần nhập một URL và ngay lập tức nhìn thấy mã nguồn đằng sau nó. Hoặc sử dụng tiện ích mở rộng Safari của ứng dụng và duyệt web như bình thường. Sau đó, khi bạn muốn xem nguồn cho trang hiện tại của mình, tất cả những gì bạn cần làm là nhấn vào biểu tượng Hành động và chọn Xem nguồn. Thật dễ dàng để sao chép văn bản vào bảng dán của bạn để sử dụng trong các ứng dụng khác hoặc thậm chí gửi nó dưới dạng email

Mở tệp HTML trong Chrome trên iPad

SK

Bị ám ảnh bởi công nghệ kể từ khi A/UX xuất hiện sớm trên Apple, Sudz (SK) chịu trách nhiệm về hướng biên tập ban đầu của AppleToolBox. Anh ấy sống ở Los Angeles, CA

Sudz chuyên về mọi thứ liên quan đến macOS, đã xem xét hàng chục phát triển OS X và macOS trong nhiều năm

Ở kiếp trước, Sudz đã làm việc để giúp đỡ các công ty trong danh sách Fortune 100 với khát vọng chuyển đổi kinh doanh và công nghệ của họ

Tôi đang tìm ứng dụng iPadOS có thể được gọi qua Phím tắt để đọc các tệp HTML được lưu trữ cục bộ hoặc trong iCloud

Tôi có một tệp HTML mà tôi tạo dưới dạng đầu ra từ Curio. Nó hiển thị một báo cáo giá trạng thái. Tôi lưu trữ cái này trong iCloud để tôi có thể xem nó ngoại tuyến. Tôi có một Phím tắt để mở HTML. Trên iPad của tôi, cái này mặc định là PDFExpert

Mặc dù đây là một giải pháp khả thi nhưng tôi muốn biết liệu trình xem HTML có tồn tại để đơn giản hóa quy trình hay không

Để biết thêm thông tin cơ bản, trang HTML được sử dụng để mở trong Safari cho đến khi một số phiên bản iPadOS tắt tùy chọn này. Ngoài ra, tôi đang đăng thông báo hỗ trợ cho một số ứng dụng trình xem HTML của iPadOS yêu cầu tính năng này. Có lẽ ai đó ở đây đã biết rằng nó tồn tại

HTML có hoạt động trên iPad không?

Phiên bản iOS mới nhất có một số tính năng vô cùng thân thiện với người dùng như Kéo và Thả khiến iPad trở thành kẻ giết máy tính xách tay hiệu quả. Nếu bạn là nhà phát triển chuyên nghiệp hoặc người mới bắt đầu sẵn sàng thiết kế các trang web nổi tiếng, bạn sẽ tìm thấy danh sách nổi bật này gồm các ứng dụng trình soạn thảo HTML tốt nhất dành cho iPhone và iPad .

Tại sao tôi không thể mở tệp HTML của mình trong Chrome?

Tìm tệp HTML bạn muốn xem, nhấp chuột phải vào tệp đó và chọn Mở bằng từ menu. Bạn sẽ thấy danh sách đầy đủ các ứng dụng mà bạn có thể sử dụng để chạy tệp của mình. Trình duyệt mặc định của bạn sẽ ở đầu danh sách. Chọn Google Chrome từ danh sách và xem tệp của bạn trong trình duyệt