Kiểm tra khả năng thích ứng cho thiết bị di động. Kiểm tra tối ưu hóa cho thiết bị di động. Giá trị thẻ meta khung nhìn chưa được đặt

Các khung công tác, chẳng hạn như hoặc, giúp tạo điều kiện thuận lợi và tăng tốc độ bố cục trang rất nhiều.
ngụ ý khả năng hiển thị tuyệt vời của một trang web trên tất cả các thiết bị và tiện ích mở rộng màn hình. Có lẽ, không phải mọi nhà thiết kế bố cục đều có bộ thiết bị đầy đủ với tất cả các phần mở rộng hiển thị có thể có, ví dụ: kiểm tra bố cục của bạn. Điều này không có gì đáng ngạc nhiên, vì công nghệ ngày nay không hề rẻ.
Vì thế. Mua hàng núi điện thoại di động và máy tính bảng không phải là một lựa chọn - chúng ta sẽ phá sản. Phải làm gì? Đối với những nhiệm vụ này đã được phát triển dịch vụ thử nghiệm các trang web thích ứng. Nguyên lý hoạt động của họ rất đơn giản. Thông thường, có một khung có kích thước nhất định nơi trang mở ra. Hiệu ứng gần giống như khi xem trên thiết bị di động. Tôi muốn lưu ý rằng dịch vụ không phải lúc nào cũng hiển thị chính xác cách hiển thị trang trên điện thoại hoặc máy tính bảng. Khi viết mã, bạn nên kiểm tra bằng các dịch vụ, nhưng sau khi hoàn thành, nếu có thể, hãy kiểm tra trên các thiết bị phổ biến nhất.
Vì thế. Cho sự chú ý của bạn công cụ tốt nhất để kiểm tra các trang web đáp ứng.


Một công cụ để kiểm tra các trang web đáp ứng từ Adobe. Để sử dụng nó, bạn cần phải cài đặt nó trên máy tính của bạn.
Chương trình cho phép bạn đồng bộ hóa thiết bị của mình qua WIFI và xem trang web vì nó sẽ được hiển thị trên thiết bị của bạn. Các thiết bị hiện được hỗ trợ với các hệ điều hành sau: iOS, Android, Kindle Fire.

Thời gian đọc 6 phút


Tại sao việc kiểm tra khả năng phản hồi của các trang web lại quan trọng đến vậy? Theo Yandex.Metrica, số người sử dụng thiết bị di động ở Nga chiếm gần 50% và không ngừng tăng lên.

Về vấn đề này, các công cụ tìm kiếm đang nỗ lực làm cho kết quả tìm kiếm trên thiết bị di động trở nên thuận tiện hơn cho người dùng. Vào tháng 2 năm 2015, Google tuyên bố rằng việc có phiên bản đáp ứng hoặc di động có tác động tích cực đến thứ hạng. Đúng một năm sau, vào tháng 2 năm 2016, Yandex cũng công bố điều tương tự.

Một trang web đáp ứng nên có những phẩm chất gì?

  • Không cuộn ngang.
  • Thẻ meta khung nhìn được viết chính xác.
  • Các yếu tố tương tác (liên kết, nút, biểu mẫu, v.v.) không quá gần nhau.
  • Thiếu các phần tử Flash và plugin Silverlight.
  • Điều hướng thuận tiện qua các phần.
  • Nội dung (văn bản và hình ảnh) được điều chỉnh phù hợp với kích thước màn hình và có thể đọc được mà không cần phóng to.

Dịch vụ kiểm tra trực tuyến khả năng thích ứng của trang web

    1. Thân thiện với thiết bị di động của Google - https://search.google.com/test/mobile-friend

Hiển thị màn hình đầu tiên của trang web trông như thế nào trên điện thoại thông minh và đưa ra đánh giá tổng thể về chất lượng tối ưu hóa.

Thuận lợi

  • Dịch vụ chính thức của Google.
  • Chỉ ra các lỗi cụ thể.
  • Có thể xác định sự sẵn có của phiên bản di động.

sai sót

  • Bạn không thể thấy trang web trông như thế nào ở các kích cỡ màn hình khác nhau.
  • Chỉ hiển thị màn hình đầu tiên, bạn không thể tương tác với trang web.
  1. Yandex.Webmaster thân thiện với thiết bị di động - https://webmaster.yandex.ru/site/tools/mobile-friend/

Không giống như công cụ của Google, bạn chỉ có thể kiểm tra các tài nguyên mà bạn đã xác nhận quyền trong Yandex.Webmaster. Hiển thị điểm tổng thể và cho biết trang web trông như thế nào trên điện thoại thông minh.

Thuận lợi

  • Dịch vụ Yandex chính thức.
  • Chỉ ra các vấn đề cụ thể trong việc tối ưu hóa.
  • Hiểu liệu trang web có phiên bản dành cho thiết bị di động hay không.

sai sót

  • Bạn chỉ có thể kiểm tra các trang web của riêng bạn.
  • Không có cách nào để xem trang web trông như thế nào trên các màn hình khác nhau
  1. Quirktools- http://quirktools.com/screenfly/

Một dịch vụ tiện lợi và đầy đủ chức năng, có thể xem trang web sẽ trông như thế nào trên nhiều thiết bị khác nhau từ điện thoại thông minh đến TV.

Thuận lợi

  • Bạn có thể chọn từ danh sách thiết bị có sẵn hoặc đặt độ phân giải của riêng bạn
  • Bạn có thể tương tác với trang web

sai sót

  • Không thể phát hiện sự hiện diện của phiên bản di động
  • Không có danh sách lỗi
    1. Tôi Yêu Thích Nghi - http://iloveadaptive.com/

Một dịch vụ mà bạn có thể kiểm tra khả năng thích ứng của các thiết bị di động và hệ điều hành phổ biến.

Thuận lợi

  • Có thể xem trang web trông như thế nào trên các hệ điều hành khác nhau (IOS và Android)
  • Nó hiểu liệu có phiên bản di động hay không
  • Tiện ích mở rộng cho Google Chrome

sai sót

  • Bạn không thể tự mình chỉ định kích thước màn hình, bạn chỉ có thể chọn từ danh sách có sẵn
  • Không có danh sách lỗi
  • Luôn tự động tải xuống phiên bản dành cho thiết bị di động mà không có khả năng xem phiên bản dành cho máy tính để bàn trông như thế nào ở các độ phân giải khác nhau
  1. http://adaptivator.ru/

Thuận lợi

  • Đưa ra đánh giá chung về chất lượng tối ưu hóa và đưa ra lời khuyên về cách sửa lỗi.
  • “Không thấy” phiên bản di động.

sai sót

  • “Không thấy” phiên bản di động.
  • Không có cách nào để chỉ định kích thước màn hình của bạn.

Phần kết luận

Nếu bạn có quyền truy cập vào các dịch vụ quản trị trang web (Yandex.Webmaster hoặc Google Search Console), tốt nhất bạn nên tiến hành kiểm tra khả năng thích ứng với sự trợ giúp của họ. Chúng phản ánh những yêu cầu mới nhất của công cụ tìm kiếm đối với trang web của bạn.

Nếu điều này là không thể thì bạn có thể sử dụng http://iloveadaptive.com/ kết hợp với http://adaptivator.ru/, vì chúng bổ sung cho nhau về chức năng.

Người dùng hiện đại xem các trang web không chỉ từ máy tính mà còn từ điện thoại thông minh hoặc máy tính bảng. Để thuận tiện cho mọi người, người tạo trang web nên làm cho trang web có khả năng phản hồi nhanh để hiển thị trên tất cả các thiết bị phổ biến và ở mọi độ phân giải. Vì vậy, mọi nhà thiết kế web và nhà phát triển web đều phải biết các nguyên tắc thiết kế đáp ứng. Để kiểm tra khả năng thích ứng của một trang web, có nhiều dịch vụ đặc biệt, trong đó chúng tôi đã chọn những dịch vụ thuận tiện và hữu dụng nhất, việc sử dụng chúng là miễn phí.

phản hồi

Công cụ này hỗ trợ rất nhiều thiết bị, có thể được xem bằng cách cuộn sang một bên trên trang web. Chúng tôi khuyên bạn nên lưu XRespond vào dấu trang của mình.

Người phản hồi

Dịch vụ Responsinator cho phép bạn kiểm tra hiển thị của trang web theo hướng ngang và dọc trên iPhone, điện thoại thông minh Nexus và máy tính bảng iPad. Ngoài ra còn có khả năng chuyển đổi giữa HTTP và HTTPS.

Trình kiểm tra thiết kế đáp ứng

Trình kiểm tra thiết kế đáp ứng cung cấp khả năng kiểm tra khả năng thích ứng của trang web trên điện thoại thông minh, bao gồm cả điện thoại mới, chẳng hạn như Google Pixel, máy tính bảng, độ phân giải màn hình khác nhau và cũng cho phép bạn tự điều chỉnh kích thước cửa sổ.

Matt Kersley

Nhà thiết kế và phát triển đến từ Anh Matt Kearsley đã ra mắt dịch vụ của riêng mình trên trang web của mình, nơi bạn có thể kiểm tra khả năng thích ứng của trang web, trong đó chiều rộng mặc định là 240 pixel. Kearsley quyết định không thêm các kích thước bổ sung và giới hạn bản thân ở mức 5: 240px, 320px, 480px, 768px, 1024px.

Nhà thiết kế đã đăng mã công cụ lên github cho những ai muốn cài đặt nó trên trang web của họ.

Tôi có phản ứng nhanh không?

Tôi có phản ứng nhanh không? – một lựa chọn tuyệt vời nếu bạn cần kiểm tra nhanh khả năng phản hồi của trang web trên một số thiết bị và minh họa điều đó cho khách hàng bằng ảnh chụp màn hình.

Kiểm tra tính thân thiện với thiết bị di động

Google có nhiều dịch vụ trợ giúp quản trị viên web và Kiểm tra tính thân thiện với thiết bị di động là một trong số đó. Kiểm tra tính thân thiện với thiết bị di động khác với các dịch vụ web khác trong danh sách của chúng tôi - nó không thể được sử dụng để xem cách một trang web được hiển thị trên các thiết bị khác nhau. Chức năng của nó là kiểm tra mức độ tối ưu hóa của trang web trên thiết bị di động, đồng thời đưa ra lời khuyên về cách khắc phục sự cố. Không có nghi ngờ gì về giá trị của lời khuyên của Google.

“Quản lý dự án của nhóm Business Motor, quản trị trang web, người viết quảng cáo.
Thích ứng với thiết bị di động là một giai đoạn quan trọng khi làm việc với một trang web. Với sự ra đời của các yếu tố xếp hạng trên thiết bị di động, việc giới thiệu đã trở nên quan trọng hơn. Chúng tôi cho bạn biết cách tiến hành thử nghiệm cơ bản về tính di động của trang web"

Sự dễ dàng hiển thị trang web trên thiết bị di động là một yếu tố có tầm quan trọng ngày càng tăng trong những năm gần đây. Và điều này không chỉ do số lượng người dùng xem trang web từ điện thoại thông minh và máy tính bảng ngày càng tăng mà còn do thứ hạng ở cấp độ công cụ tìm kiếm.

Google chính thức công bố tác động của yếu tố này tới vị trí của trang web vào ngày 21/04/2015. Gần đây hơn, thông tin về nó đã xuất hiện trên blog Yandex. Thuật toán, tính đến sự thuận tiện khi hiển thị trang web trên thiết bị di động, được gọi là “Vladivostok” và theo đại diện của Yandex, nó đã được triển khai tích cực ở Nga.

Tầm quan trọng của việc điều chỉnh trang web cho phù hợp với nhu cầu của người dùng di động ngày càng tăng và sẽ tiếp tục tăng. Khả năng thích ứng với thiết bị di động sẽ được phản ánh cả trong việc chuyển đổi khách truy cập và thứ hạng của các trang trong kết quả tìm kiếm. Nhưng làm thế nào để bạn biết liệu dự án của bạn có đáp ứng được những yêu cầu này hay không? Làm cách nào để xác định xem một trang web có thân thiện với thiết bị di động đến từng chi tiết hay không? Chúng tôi sẽ nói về điều này trong bài đánh giá ngày hôm nay của chúng tôi.

Trang web có thân thiện với thiết bị di động không?

Giai đoạn chẩn đoán đầu tiên là tự mình mở trang web trên thiết bị di động. Nhưng ngay cả ở đây, không phải mọi thứ đều đơn giản như vẻ ngoài của nó, bởi vì một số vấn đề về khả năng phản hồi nhất định chỉ có thể biểu hiện ở một số trình duyệt nhất định và trên một số kích thước màn hình nhất định. Vì lý do này, chúng tôi khuyên bạn nên chạy thử nghiệm:

  • trên điện thoại thông minh có hướng màn hình dọc (bao gồm cả trên màn hình hẹp rộng khoảng 300 pixel);
  • trên điện thoại thông minh có hướng màn hình ngang (rộng từ 480 pixel);
  • trên máy tính bảng có hướng màn hình dọc và ngang (rộng từ 768 pixel).

Điều khá tự nhiên là việc thử một trang web trên các thiết bị khác nhau không phải lúc nào cũng bất tiện. Nếu chỉ vì bạn có thể không có sẵn tất cả các tiện ích cần thiết. Bạn có thể giải quyết vấn đề này bằng nhiều trình giả lập màn hình di động khác nhau. Tuy nhiên, không nhất thiết phải chuyển sang dịch vụ của bên thứ ba: một trình giả lập tương tự được cài đặt sẵn trong Google Chrome. Để sử dụng nó, chỉ cần mở trang web bạn quan tâm, nhấn F12 (gọi bảng điều khiển dành cho nhà phát triển) và nhấp vào biểu tượng có hình ảnh điện thoại di động:

Điều cực kỳ quan trọng là phải tính đến các tính năng của trình duyệt di động, vì chúng cũng có thể có các tính năng riêng. Khi kiểm tra, điều quan trọng là phải xem trang web tại:

  • trình duyệt hệ điều hành Android được cài đặt sẵn;
  • Google Chrome dành cho thiết bị di động;
  • các trình duyệt “nhanh” – ví dụ: Opera Mini hoặc UC Browser;
  • Safari (ví dụ: trên iPhone).

Làm thế nào để công cụ tìm kiếm nhìn thấy trang web của bạn?

Việc kiểm tra tự động đầu tiên mà bạn nên thực hiện nếu quan tâm đến vấn đề về khả năng thích ứng của trang web của mình là thử nghiệm thân thiện với thiết bị di động từ Google. Công cụ này khá đơn giản và đưa ra phán quyết rõ ràng về việc tối ưu hóa trang cho thiết bị di động. Và nếu câu trả lời là không, trang web gần như chắc chắn bị coi là bất tiện đối với màn hình nhỏ và ở cấp độ thuật toán của Google - với tất cả những hậu quả sau đó.

Nếu có bất kỳ khiếu nại nào về định dạng nội dung trên màn hình điện thoại thông minh, chúng sẽ được liệt kê tại đây. Điều này sẽ cho phép bạn chẩn đoán nhanh các sự cố hiển thị cụ thể và ngay lập tức chuyển sang giải quyết chúng:

Xin lưu ý: ảnh chụp màn hình của trang web trên màn hình thiết bị di động trong kết quả xác minh có thể không tương ứng với cách bạn nhìn thấy nó trên điện thoại thông minh. Thông thường, điều này là do thực tế là chỉ các tệp được công cụ tìm kiếm lập chỉ mục mới tham gia vào quá trình kiểm tra tính thân thiện với thiết bị di động và các tệp kiểu (css) và tập lệnh (js) thường bị đóng để lập chỉ mục ở cấp độ robots.txt. Nhân tiện, theo các khuyến nghị mới nhất của Google, chúng phải được hiển thị cho các công cụ tìm kiếm.

Tối ưu hóa trang web cho thiết bị di động trong tài khoản quản trị trang web Google và Yandex

Điều quan trọng cần lưu ý là thông tin về mức độ trang web tuân thủ ý tưởng của công cụ tìm kiếm về tính dễ hiển thị trên thiết bị di động có thể được lấy trong tài khoản của quản trị viên web – Bảng điều khiển tìm kiếm của Google và Yandex.Webmaster (cho đến nay chỉ có trong phiên bản beta của tài khoản mới).

Trong Google Search Console, kết quả kiểm tra trang hiện tại có tại đây: Lưu lượng tìm kiếm => Dễ xem trên thiết bị di động. Trang này sao chép thông tin mà chúng tôi có thể nhận được bằng cách sử dụng thử nghiệm tính thân thiện với thiết bị di động nhưng được cung cấp cho tất cả các trang được lập chỉ mục của trang web khi robot Google thu thập dữ liệu chúng:

Trong tài khoản của quản trị viên web mới ở Yandex, dữ liệu xác minh hàng loạt hiện tại vẫn chưa được hiển thị. Thay vào đó, bạn có thể tìm thấy một công cụ tương tự như bài kiểm tra tính thân thiện với thiết bị di động của Google. Với sự trợ giúp của nó, bạn có thể kiểm tra thủ công xem thuật toán của công cụ tìm kiếm có xem xét một trang cụ thể phù hợp để xem trên điện thoại thông minh hay không.

tái bút

Làm thế nào trang web và khả năng phản hồi của nó được các công cụ tìm kiếm cảm nhận là một vấn đề cực kỳ quan trọng, nhưng trải nghiệm của người dùng cũng không kém phần quan trọng. Do đó, theo tiêu chí hình thức, một trang có thể đáp ứng đầy đủ yêu cầu về tính dễ xem trên thiết bị di động, nhưng trên thực tế – đối với người dùng “trực tiếp” – sự tiện lợi này sẽ là một vấn đề đáng nghi ngờ. Kết quả trực tiếp của việc này là giảm chuyển đổi, mất doanh số bán hàng và các yếu tố hành vi ngày càng tồi tệ (do đó cũng ảnh hưởng đến thứ hạng).

Trong bài viết tiếp theo của loạt bài này, trong một tuần nữa, chúng tôi sẽ cho bạn biết cách nhìn một trang web qua con mắt của khách truy cập, cách tìm ra "điểm nghẽn" trong màn hình di động và những tiêu chí nào nên được sử dụng để đánh giá khả năng sử dụng của nó.

kết luận

Sự dễ dàng xem một trang web trên thiết bị di động đang đóng một vai trò ngày càng nổi bật trong cả chuyển đổi và xếp hạng tìm kiếm của trang.

Bước đầu tiên để đánh giá khả năng phản hồi của trang web là thử nghiệm trên các màn hình khác nhau và trong các trình duyệt di động khác nhau.

Kiểm tra tính thân thiện với thiết bị di động của Google, cũng như chức năng tương ứng trong tài khoản quản trị trang web (Google Search Console và tài khoản quản trị trang web mới trong Yandex) sẽ giúp bạn tìm hiểu cách các công cụ tìm kiếm đánh giá mức độ dễ dàng hiển thị trang web trên thiết bị di động.

Hãy ngừng thay đổi kích thước cửa sổ trình duyệt của bạn, ngừng cưỡng bức nó! Tôi cá là bạn đã nghe điều này hơn một lần. Được rồi, có lẽ bạn chưa nghe nói về nó. Nhưng nếu bạn phát triển các trang web đáp ứng một cách chuyên nghiệp, bạn sẽ hiểu ý tôi: bất kỳ thay đổi DOM hoặc chỉnh sửa CSS nào, và bạn lại bắt đầu kéo qua lại các cạnh của trình duyệt, kiểm tra các thay đổi và xem liệu có điều gì bị hỏng không.

Mục đích chuyển động của bạn là bắt chước màn hình của nhiều thiết bị khác nhau.

Trong môi trường công ty, bạn thường có nhiều tiện ích được công ty cung cấp để thử nghiệm. Tại nơi làm việc, tôi có iPad, iPod, máy tính bảng, máy tính xách tay và màn hình máy tính để bàn khác tùy ý sử dụng. Nếu không có thứ xa hoa đó thì phải dùng những gì có trong tay.

May mắn thay, có một bộ công cụ trực tuyến ấn tượng mô phỏng các kích cỡ thiết bị khác nhau. Tất nhiên, mỗi công cụ đều có ưu điểm và nhược điểm riêng, chúng ta sẽ xem xét một số công cụ này.

Để thử nghiệm, tôi đã chọn trang web đáp ứng thực sự PajamasOnYourFeet.com, trang web được xây dựng dựa trên mẫu HTML5 do EGrappler cung cấp miễn phí.

Tôi có phản ứng nhanh không?

Tôi có phản hồi không, một công cụ rất đơn giản cho phép bạn xem nhanh trang web của mình trên tối đa 4 thiết bị. Tất cả đều là iOS và nhà phát triển giải thích đây là một tính năng của trang web. Nói chung là không cần cài đặt, không có lựa chọn nhưng rất đơn giản và rõ ràng.

Kích thước có sẵn:

  • màn hình máy tính để bàn - 1600 x 992px;
  • máy tính xách tay - 1280 x 802px;
  • máy tính bảng - 768 x 1024px;
  • điện thoại di động - 320 x 480px.
Trích lời nhà phát triển: “Đây không phải là một công cụ thử nghiệm, việc thử nghiệm trên thiết bị thực là cực kỳ quan trọng. Và công cụ này sẽ giúp bạn nhanh chóng chụp ảnh màn hình và cho khách hàng biết ý bạn là gì.”

Có hai tính năng thú vị: khả năng kéo các thiết bị trên màn hình của bạn và khả năng chia sẻ liên kết đến bài kiểm tra trang web.

thiết bị tích cực

deviceponsive rất giống với Am I Responsive, ở chỗ nó rất đơn giản, với tối thiểu các cài đặt và tùy chọn. Tất cả các thiết bị có sẵn được hiển thị cùng một lúc trên một trang dài. Trong tất cả các tùy chọn có sẵn, đây là khả năng chỉnh sửa nền tiêu đề và thêm biểu tượng của bạn vào đó, điều này sẽ hữu ích khi bạn quyết định chia sẻ ảnh chụp màn hình.

Thiết bị và độ phân giải màn hình có sẵn.

  • Macbook - 1280 x 800
  • Chân dung iPad - 768 x 1024
  • Chân dung iPad - 1024 x 768
  • Chân dung Kindle - 600 x 1024
  • Kindle phong cảnh - 1024 x 600
  • Chân dung iPhone - 320 x 480
  • Phong cảnh iPhone - 480 x 320
  • Chân dung thiên hà - 240 x 320
  • Phong cảnh thiên hà - 320 x 240
Giống như hầu hết các công cụ tương tự, thanh cuộn được hiển thị mà không có trên thiết bị thực. Đây là bước cần thiết để kích hoạt tính năng cuộn trên các thiết bị không cảm ứng.

kiểm tra đáp ứng

Giống như thử nghiệm đáp ứng thiết bị, thử nghiệm đáp ứng sẽ hiển thị trang web của bạn trên các thiết bị khác nhau. Nhưng thay vì hiển thị tất cả chúng cùng một lúc, bạn chọn thiết bị mình cần ở menu trên cùng của trang. Nhân tiện, việc chia tỷ lệ hoạt động chính xác ở đây, cho phép bạn kiểm tra độ phân giải cao hơn trên độ phân giải nhỏ hơn.

30 độ phân giải khác nhau có sẵn trên trang web, từ màn hình máy tính để bàn khổng lồ cho đến cái mà họ gọi là "android tệ" (công bằng mà nói, cũng có một android bình thường).

Đối với trình duyệt Firefox, nó không hoạt động chính xác với trang này. Lưu ý rằng ảnh chụp màn hình không hiển thị thanh trượt giữa tiêu đề màu xanh lá cây và vùng nội dung nền trắng.

đáp ứng.is

Rất giống với hai công cụ trước, nhưng có một điều khiến responsive.is khác biệt so với những công cụ khác. Đây là hình ảnh động mượt mà khi di chuyển từ thiết bị này sang thiết bị khác, đồng thời là khu vực bán trong suốt hiển thị khu vực thực của trang web không rơi vào khu vực xem.

Các tùy chọn thiết bị có sẵn là tự động (cách bạn xem trang web), máy tính để bàn, máy tính bảng theo hướng ngang và dọc, điện thoại thông minh theo hướng dọc và ngang. Thật không may, không thể đặt kích thước tùy ý bằng px.

Truy vấn màn hình

Tuy nhiên, các khả năng và tùy chọn sẵn có giúp phân biệt Truy vấn màn hình với các dịch vụ trước đó. 14 điện thoại và 12 máy tính bảng được giới thiệu ở đây, với các tùy chọn riêng biệt để chuyển đổi giữa chế độ dọc và ngang. Kết quả được hiển thị trên một lưới có thước kẻ. Cũng có thể đặt độ phân giải tùy chỉnh bằng cách kéo cạnh phải hoặc cạnh dưới.

Một tính năng thú vị của trang web này là đối với một số thiết bị, có tùy chọn “Trueview” hiển thị trang web của bạn trong trình duyệt gốc của thiết bị.

Thật không may, Firefox cũng không thể hiển thị thanh trượt ở đây. Không cần phải trách tôi, Firefox là trình duyệt yêu thích của tôi, nhưng nó là như vậy.

Ruồi màn

Screenfly có lẽ là ứng dụng có nhiều chức năng nhất. Có sẵn hơn 9 thiết bị máy tính bảng - từ máy tính xách tay 10" đến màn hình 24", 5 máy tính bảng, 9 điện thoại, 3 độ phân giải TV cũng như độ phân giải tùy chỉnh. Thêm vào đây một công tắc riêng cho chế độ dọc và ngang, cũng như tùy chọn hiển thị cuộn. Bạn cũng có thể chia sẻ liên kết đến bài kiểm tra bằng một nút.

Đối với mỗi thiết bị, kích thước màn hình tính bằng px được chỉ định trong menu và kích thước thực tế của cửa sổ trình duyệt của bạn cũng được hiển thị ở góc trên bên phải.

Tất cả những ưu điểm trên cho phép chúng tôi khẳng định vị trí dẫn đầu, nếu không phải vì một điều (trích từ nhà phát triển): “Screenfly có thể sử dụng máy chủ proxy để bắt chước các thiết bị khi xem trang web của bạn. Proxy bắt chước chuỗi tác nhân người dùng chứ không bắt chước hành vi của các thiết bị này." Screenfly là dịch vụ duy nhất trong danh sách cho phép thử nghiệm dựa trên chuỗi tác nhân người dùng.

Bạn có sử dụng các công cụ được trình bày trong thực hành của mình không? Chia sẻ bí quyết phát triển trang web đáp ứng của bạn trong phần bình luận.

tái bút Vui lòng báo cáo bất kỳ lỗi nào liên quan đến bản dịch qua PM.