Với rất nhiều plugin và giải pháp chìa khóa trao tay trên mạng, bất kỳ quản trị viên web nào cũng có thể dễ dàng lật công tắc và kích hoạt chủ đề di động cho trang web của họ. Vấn đề là, làm cách nào để quản trị viên web có thể xem trang web của họ trông như thế nào trên thiết bị di động, nếu họ không sở hữu điện thoại thông minh? Băn khoăn không, với một chút thủ đoạn, bạn có thể dễ dàng sử dụng trình duyệt trên máy tính để bàn của bạn để truy cập trang web của bạn và làm cho nó nghĩ rằng bạn đang sử dụng một trình duyệt di động.

Mỗi trình duyệt đều có tác nhân người dùng riêng. Hầu hết các máy chủ đều sử dụng tác nhân người dùng của trình duyệt để xác định người dùng đến từ đâu và phân phối trang web cho phù hợp. Nếu phát hiện người dùng đang sử dụng trình duyệt trên thiết bị di động, trình duyệt sẽ phân phát chủ đề di động (nếu chủ đề di động được kích hoạt). Bằng cách thay đổi tác nhân người dùng của trình duyệt trên máy tính để bàn thành trình duyệt trên điện thoại di động, bạn có thể làm cho máy chủ nghĩ rằng bạn đang sử dụng thiết bị di động.

Xem chủ đề di động trong Firefox

Trong Firefox, tôi khuyên bạn nên sử dụng trình bổ sung User Agent Switcher khi được cài đặt sẵn với tác nhân người dùng iPhone và bạn có thể chuyển sang dễ dàng.

Sau khi cài đặt phần mở rộng và khởi động lại Firefox, vào " Tools -> Default User Agent -> iPhone ".

Bây giờ, hãy làm mới trang web của bạn và bạn sẽ thấy chủ đề di động đang hoạt động.

Để thêm tác nhân Android vào danh sách, hãy chuyển đến " Công cụ -> Tác nhân người dùng mặc định -> Chỉnh sửa tác nhân người dùng ".

Nhấp vào nút "Mới -> Tác nhân người dùng mới" và nhập thông tin sau:

Mô tả : Android
Tác nhân người dùng : Mozilla / 5.0 (Linux; U; Android 2.2; en-gb; Nexus One Build / FRF50)
AppleWebKit / 533.1 (KHTML, như Gecko) Phiên bản / 4.0 Mobile Safari / 533.1

Các mục còn lại bạn có thể giữ chúng ở giá trị mặc định.

(Đối với iPad, tác nhân người dùng là Mozilla / 5.0 (iPad; U; CPU OS 3_2 như Mac OS X; en-us) AppleWebKit / 531.21.10 (KHTML, như Gecko) Phiên bản / 4.0.4 Mobile / 7B334b Safari / 531.21 .10 )

Phần mở rộng tiếp theo bạn sẽ sử dụng là Bộ phận đốt cháy. Tiện ích này cho phép bạn thay đổi kích thước trình duyệt của mình thành độ phân giải màn hình được chỉ định để bạn có thể xem cách trang web của bạn hiển thị ở kích thước màn hình khác nhau.

Sau khi cài đặt, bạn có thể tìm tùy chọn thay đổi kích thước ở góc dưới cùng bên phải của trình duyệt. Nhấp chuột phải vào nó và chọn Customize.

Bạn có thể thêm kích thước màn hình mới vào danh sách. Cho bạn tham khảo:

iPhone 4 có độ phân giải màn hình là 960 x 640 (H bằng W, vì vậy bạn nên nhập 640 x 960)
iPhone 3GS trở xuống có độ phân giải màn hình là 480 x 320 (H by W, vì vậy bạn nên nhập 320 x 480)
Nexus One (Android) có độ phân giải màn hình 800 x 480 (H x, vì vậy bạn nên nhập 480 x 800)

Sau khi bạn đã thêm độ phân giải màn hình, giờ đây bạn có thể xem trang web của mình trong bộ đồ di động và ở kích thước màn hình chính xác, ngay trên trình duyệt trên máy tính để bàn của bạn.

Lưu ý : Các addons ở trên chỉ hoạt động trong Firefox 3.6. * Và bên dưới. Chúng không tương thích với Firefox 4 beta.

Các thủ thuật trên có thể được lặp lại trên các trình duyệt khác như Opera và Safari. Google Chrome không cho phép bạn thay đổi tác nhân người dùng (bạn có thể kiểm tra bản hack này), vì vậy bạn sẽ không thể sử dụng các thủ thuật trên.

Làm thế nào để bạn kiểm tra chủ đề di động của bạn?