Thao tác đơn giản để duyệt web Mobile trên máy tính

Thao tác đơn giản để duyệt web Mobile trên máy tính
     

Duyệt web ở chế độ Mobile web ngay trên chiếc máy tính, bạn đã thử bao giờ chưa? Đây có thể là công việc thường xuyên của những lập trình viên chuyên lập...

Duyệt web ở chế độ Mobile web ngay trên chiếc máy tính, bạn đã thử bao giờ chưa? Đây có thể là công việc thường xuyên của những lập trình viên chuyên lập trình website trên mobile. Dưới đây là những bước cơ bản mà chúng tôi muốn chuyển đến bạn đọc, giúp bạn  duyệt web dễ dàng ở chế độ Mobile trên máy tính với cả 3 trình duyệt, Firefox, Google Chrome, IE.

Đối với những bạn đọc, thích trãi nghiệm sự mới mẽ. Thay vì lướt web thông thường ở chế độ máy tính với đầy đủ nội dung, bạn có thể chuyển đổi sang chế độ di động để tiết kiệm thời gian lướt web, cũng là một cách giúp bạn trải nghiệm chế độ lướt web dành cho di động nếu chưa có cơ hội sỡ hữu một smartphone. Đặc biệt, khi cập nhật status ở chế độ này, status sẽ được ghi chú “via mobile” như khi cập nhật từ điện thoại di động. Đối với những website chưa có phiên bản Mobile web thì chủ website có thể tham khảo dịch vụ thiết kế web mobile trên nền tảng website có sẵn, với giá ưu đãi của công ty vivicorp.

Với trình duyệt Google Chrome


Bước 1:

Bạn nhấn vào nút Customize and control Google Chrome ở bên phải thanh Address, chọn Tools, Developer tools (phím tắt: Ctrl + Shift + J).

duyet web bang trinh duyet chrome

Bước 2:

Giao diện tùy chỉnh chế độ lướt web hiện lên, bạn nhấn chuột vào biểu tượng Settings ở góc phải bên dưới trình duyệt.

buoc 2 cua duyet bang chrome

Bước 3:

Đánh dấu chọn vào User Agent, rồi tùy chọn thiết bị trong danh sách bên dưới. Sau đó, bạn có thể tiếp tục tùy chỉnh kích thước trang web khi duyệt ở chế độ này tại trường Device metrics (chọn Fit in windows để trang web tự động được đặt ở kích thước phù hợp với kích thước màn hình máy tính).


buoc 3 cua duyet web mobile bang chrome

Cuối cùng, bạn chỉ việc gõ trang địa chỉ web vào thanh Address của tab hiện tại để trải nghiệm.

***Lưu ý: Thiết lập này chỉ có hiệu lực với tab hiện tại (tab mà bạn đang mở lúc thực hiện các tùy chỉnh).

Với trình duyệt Firefox
Bước 1:

Gõ about:config vào thanh Address của trình duyệt. Sau đó, chọn I’ll be careful, I promise! (nếu có).

buoc 1 duyet web mobile bang firefox

Bước 2:

Nhập useragent vào ô tìm kiếm (Search), rồi nhấn chuột phải lên không gian bên dưới, chọn New, String.

buoc 2 trong duyet web bang firefox

Bước 3:


Một cửa sổ nhỏ hiện ra, bạn nhập vào general.useragent.override, nhấn OK.



Sau đó, nhập mã tương ứng với chế độ trình duyệt dành cho thiết bị muốn dùng. Bạn có thể tìm thông số này dễ dàng trên mạng, như “iOS User Agent String”, “BB10 User Agent String”…

duyet web mobile bang firefox buoc 7

Một số mã ví dụ:

iPhone:
Mozilla/5.0 (iPhone; CPU iPhone OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3
iPad:
Mozilla/5.0 (iPad; CPU OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3
Black Berry 10:
Mozilla/5.0 (BB10; <Device Model>) AppleWebKit/<WebKit Version> (KHTML, like Gecko) Version/<BB Version #> Mobile Safari/<WebKit Version>
Google Nexus:
Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
HTC:
Mozilla/5.0 (Linux; U; Android 2.1-update1; de-de; HTC Desire 1.19.161.5 Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17
Motorola:
Mozilla/5.0 (Linux; U; Android 2.2; en-us; DROID2 GLOBAL Build/S273) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
Samsung:
Mozilla/5.0 (Linux; U; Android 2.2; en-gb; GT-P1000 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
Sony:
Mozilla/5.0 (Linux; U; Android 2.1-update1; de-de; E10i Build/2.0.2.A.0.24) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

Hoàn thành thiết lập, bạn đã có thể duyệt web ở chế độ tương ứng ở mọi tab trên trình duyệt.

Với trình duyệt Internet Explorer
Bước 1:

Bạn vào thẻ Tools, chọn F21 developer tools.

duyet web mobile bang internet explorer

Bước 2:

Ở khung làm việc vừa xuất hiện ở phía dưới trình duyệt, bạn vào Tools, chọn Change user agent string, rồi lựa chọn trình duyệt tương ứng muốn chuyển đổi.

duyet web mobile bang internet ie

Tuy nhiên, danh sách sẵn có này rất hạn chế. Để bổ sung thêm chế độ tương ứng với các loại thiết bị khác, bạn chọn Custom. Sau đó, đặt tên bất kỳ (tên thiết bị, chế độ duyệt web) vào ô Friendly Name và sử dụng mã tương tự như đối với trình duyệt Firefox cho ô User Agent String. Xong, nhấn Add, Set.

duyet web mobile bang ie buoc 3

Những thiết lập trên có hiệu lực với mọi tab trong quá trình lướt web.

Cách hủy hiệu lực của chế độ lướt web đã thiết lập:

Với Google Chrome: Bỏ dấu chọn trước User Agent.

Với Firefox: Nhấn chuột phải vào general.useragent.override, chọn Reset.

Với Internet Explorer: Vào lại danh mục Custom, chọn đoạn mã đã thêm, nhấn Delete.

***Lưu ý: Cơ bản, chúng ta có thể truy cập chế độ web dành cho mobile của các website dễ dàng nếu biết rõ tên miền. Tuy nhiên, để không phải thực hiện thủ công, cũng như giúp trình duyệt tự động nhận diện đúng chế độ mobile thì bạn có thể thực hiện như trên.

Chúc các bạn thành công!