Hướng Dẫn Thử Nghiệm Duyệt Thiết Kế Mobile Web Ngay Trên Máy Tính

Trang chủ » Trình Duyệt điện Thoại Trên Máy Tính » Hướng Dẫn Thử Nghiệm Duyệt Thiết Kế Mobile Web Ngay Trên Máy Tính

Có thể bạn quan tâm

Hướng dẫn thử nghiệm duyệt thiết kế mobile web ngay trên máy tính
  • Trang chủ
  • Tin tức thiết kế web Cần Thơ
  • Mobile web

Thiết kế web ở Cần Thơ

  • Bảng giá thiết kế web
  • Bảng giá tên miền
  • Bảng giá Hosting
  • Bảng giá Reseller
  • Bảng giá quản trị web
  • Bảng giá SEO từ khóa website
  • Bảng giá Hosting Email
  • Bảng giá thiết kế đồ họa
  • Bảng giá Google Adwords
  • Tin mới
  • Xem nhiều
/files/images/tintuc/suu-tam/5-meo-de-dam-bao-ban-tim-duoc-cong-ty-phat-trien-web-phu-hop/5-meo-tim-duoc-cty-web-phu-hop.jpg 5 mẹo để đảm bảo bạn tìm được công ty phát triển web phù hợp /files/images/tintuc/tin-tuc-wti/tich-luy-kinh-nghiem-truoc-khi-ra-truong.jpg Làm thế nào để sinh viên IT vừa ra trường đã có 2 năm kinh nghiệm? /files/images/tintuc/tin-tuc-wti/tuyen-thuc-tap-vien.png Cơ hội nghề nghiệp cho sinh viên năm 3 ngành CNTT /files/images/tintuc/dulieu-web/so-sanh-thiet-ke-web-voi-3-ngon-ngu-lap-trinh-pho-bien/so-sanh-thiet-ke-web-voi-3-ngon-ngu-lap-trinh-pho-bien_thump.jpg So sánh thiết kế web với 3 ngôn ngữ lập trình phổ biến /files/images/tintuc/mythuat-web/tong-hop-24-theme-wordpress-woocommerce-mien-phi-chat-luong-/tong-hop-24-theme-wordpress-woocommerce-mien-phi-chat-luong-_thump.jpg Tổng hợp 24 Theme WordPress Woocommerce miễn phí chất lượng /files/images/tintuc/dulieu-web/nghe-nao-von-it-ma-loi-nhieu--/nghe-nao-von-it-ma-loi-nhieu--_thump.jpg Nghề nào vốn ít mà lời nhiều ?
Hướng dẫn thử nghiệm duyệt thiết kế mobile web ngay trên máy tính
  • By WTI
  • Mobile web
  • Cách đây 9 năm
  • 10158
Accelerated Mobile Pages

Duyệt web mobile ngay trên máy tính? Bạn đã từng nghĩ đến chưa? Hãy cùng Tạp Chí Web thử nghiệm một website mobile ngay trên máy tính mà không phải cần...

Duyệt web mobile ngay trên máy tính? Bạn đã từng nghĩ đến chưa? Hãy cùng Tạp Chí Web thử nghiệm một thiết kế web mobile ngay trên máy tính mà không phải cần đến smartphone gì cả nhé.  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. Chỉ qua vài thao tác đơn giản, bạn đã có thể trải nghiệm duyệt [website] dưới dạng mobile ngay trên máy tính của mình, với yêu cầu là trang web bạn truy cập có hỗ trợ chế độ lướt web dành riêng cho mobile. 1) Đối 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 hoặc F12). Trải nghiệm chế độ duyệt web mobile trên máy tính  Chọn Developer tools 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. Trải nghiệm chế độ duyệt web mobile trên máy tính  Chọn Settings 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). Trải nghiệm chế độ duyệt web mobile trên máy tính  Chọn danh sách thiết bị để hiển thị 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). 2. 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ó). Trải nghiệm chế độ duyệt web mobile trên máy tính  Bước 1 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. Trải nghiệm chế độ duyệt web mobile trên máy tính Trải nghiệm chế độ duyệt web mobile trên máy tính  Bước 2 Bước 3: Một cửa sổ nhỏ hiện ra, bạn nhập vào general.useragent.override, nhấn OK. Trải nghiệm chế độ duyệt web mobile trên máy tính  Bước 3 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”… Trải nghiệm chế độ duyệt web mobile trên máy tính  Nhập mã thiết bị 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. 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 3) Đối với trình duyệt Internet Explorer Bước 1: Bạn vào thẻ Tools, chọn F12 developer tools. Trải nghiệm chế độ duyệt web mobile trên máy tính  Chọn F12 developer tools 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. Trải nghiệm chế độ duyệt web mobile trên máy tính  Chọn trình duyệt muốn duyệt 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. Trải nghiệm chế độ duyệt web mobile trên máy tính  Bổ sung thêm trình duyệt 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 bạn thử nghiệm thành công! Xem thêm: 8 công cụ xây dựng mobile web tối ưu nhất

photo CÔNG TY TNHH DỊCH VỤ - QUẢNG CÁO WEB TIỆN ÍCH CÔNG TY TNHH DỊCH VỤ - QUẢNG CÁO WEB TIỆN ÍCH Mobile: 0932.900.733 Can Tho, City 920000 +84 932.900.733

Từ khóa » Trình Duyệt điện Thoại Trên Máy Tính