Android

Cách gỡ lỗi các trang web trên chrome cho android trên máy tính

Chặn quảng cáo rác trên Chrome Android hiệu quả 100%

Chặn quảng cáo rác trên Chrome Android hiệu quả 100%

Mục lục:

Anonim

Là quản trị viên của một blog, tôi gỡ lỗi trang web cá nhân của mình bằng Chrome để xem các thay đổi trong chủ đề và CSS sẽ như thế nào trước khi triển khai chúng vĩnh viễn trên máy chủ. Cách đây không lâu, tôi chưa bao giờ chú ý đến các trang di động vì chỉ có vài khách truy cập truy cập trang web của tôi bằng điện thoại thông minh. Nhưng ngày nay, một tỷ lệ đáng kể khách truy cập bao gồm điện thoại thông minh và máy tính bảng, và do đó, nó cũng trở nên cần thiết để chăm sóc ngoại hình và trình bày ở đó.

Nếu đó là một trang trên máy tính, một trang có thể dễ dàng gỡ lỗi bằng cách sử dụng tùy chọn từ menu ngữ cảnh nhấp chuột phải của Chrome nhưng đó không phải là tùy chọn với các trang trên thiết bị di động. Vì vậy, hôm nay tôi sẽ chỉ cho bạn cách bạn có thể gỡ lỗi các trang web di động trên máy tính của mình bằng Chrome cho Android và Android SDK.

Gỡ lỗi trang web

Bước 1: Tải xuống và cài đặt SDK Android trên máy tính của bạn và chạy nó. Trình cài đặt sẽ yêu cầu bạn tải xuống Java nếu bạn chưa cài đặt nó.

Lần đầu tiên bạn chạy SDK Android trên máy tính, nó sẽ yêu cầu bạn tải xuống một số API và công cụ. Nếu mục đích duy nhất của bạn khi cài đặt Android SDK là gỡ lỗi các trang, hãy bỏ chọn mọi thứ trừ các công cụ Nền tảng SDK của Android và nhấp vào nút Cài đặt Gói.

Bước 2: Sau khi cài đặt các công cụ nền tảng Android, hãy mở Run Box (Windows + R) và chạy % userprofile% \ AppData \ Local \ Android \ android-sdk \ platform-tools để mở thư mục công cụ nền tảng Android.

Bước 3: Bây giờ giữ phím Ctrl + Shift và nhấp chuột phải vào thư mục để mở dấu nhắc lệnh ở đó. Bạn cũng có thể mở Dấu nhắc lệnh bằng cách sử dụng hộp Run và điều hướng đến thư mục theo cách thủ công.

Bước 4: Đã thực hiện điều đó, hãy mở Chrome trên điện thoại Android của bạn, mở Cài đặt Cài đặt> Công cụ dành cho nhà phát triển và kiểm tra tùy chọn Bật gỡ lỗi USB Web.

Bước 5: Bây giờ trên dấu nhắc lệnh, hãy chạy lệnh adb Forward tcp: 9222 localab khu vực: chrome_devtools_remote và mở trình duyệt Chrome trên Windows để thực hiện thành công.

Bước 6: Mở trang bạn muốn gỡ lỗi trên trình duyệt Android Chrome của bạn và mở URL localhost: 9222 trên trình duyệt Chrome trên máy tính của bạn.

Đó là tất cả, bạn sẽ thấy tất cả các trang được mở trên trình duyệt Android của bạn dưới dạng hình thu nhỏ trên máy tính của bạn. Để mở trang gỡ lỗi, chỉ cần nhấp vào hình thu nhỏ của trang web tương ứng. Bạn sẽ có thể theo dõi các thay đổi gỡ lỗi bạn thực hiện trên máy tính của mình trực tiếp trên Android theo thời gian thực.

Phần kết luận

Tôi chắc chắn thủ thuật này sẽ giúp nhiều nhà phát triển web tối ưu hóa các trang web của họ cho điện thoại thông minh. Tôi đã sử dụng thủ thuật để cấu hình các trang web của mình và nó hoạt động như bùa mê. Tuy nhiên, nếu bạn biết một cách tốt hơn để gỡ lỗi các trang web điện thoại thông minh trên máy tính, hãy chia sẻ nó với chúng tôi.