Có cách nào để trình duyệt kiểm tra trang web của tôi ở độ phân giải cao hơn màn hình của tôi không?
Vd: Tôi có màn hình 1440 x 900, và tôi muốn kiểm tra trang web ở 1920 x 1200, 1920 x 1080, v.v.
Có cách nào để trình duyệt kiểm tra trang web của tôi ở độ phân giải cao hơn màn hình của tôi không?
Vd: Tôi có màn hình 1440 x 900, và tôi muốn kiểm tra trang web ở 1920 x 1200, 1920 x 1080, v.v.
40em
(hoặc một phép đo tương tự), không phải 960px
là chiều rộng của bạn. Điểm ảnh sẽ không mở rộng khi tôi quyết định kích thước phông chữ 12px của bạn quá nhỏ đối với tôi và nhấn Cmd
- +
. Bên cạnh đó, cửa sổ trình duyệt của tôi chỉ có kích thước 960px.
Ctrl/Cmd +
vì đó là chức năng thu phóng. Bạn có thể thử ngay tại đây trên SO. Phần nội dung chính có chiều rộng 960px. Sử dụng thứ gì đó như 40em sẽ không thay đổi tỷ lệ với độ phân giải màn hình. em
Kích thước sử dụng có liên quan đến kích thước phông chữ của phần tử mẹ được kế thừa tối đa 1em / 16px ở cấp cao nhất trừ khi bị ghi đè (và xin lỗi, nó phải là 12pt chứ không phải px trong nhận xét trước đây của tôi). Đọc lên: kyleschaeffer.com/best-practices/…
Câu trả lời:
[Chỉnh sửa: Kiểm tra devtools của trình duyệt trước! Như @SkylarIttner chỉ ra trong các nhận xét, các công cụ để kiểm tra thiết kế đáp ứng đã được triển khai trên hầu hết các trình duyệt kể từ khi giải pháp dưới đây được đăng. Chúng có thể là lựa chọn tốt nhất / dễ nhất hiện nay.]
Bạn có thể sửa cho tôi nếu tôi sai, chỉ cần tạo iframe với style="desired width & height"
và src="your/test.site"
là con duy nhất của <body>
. Nên hiển thị trang web như thể độ phân giải là chiều rộng / chiều cao được chỉ định và dẫn đến các thanh cuộn để kiểm tra nó.
Không tiện lợi như sử dụng bên thứ ba, phải tự thiết lập nhưng có ưu điểm là có thể kiểm tra cục bộ mà không cần kết nối internet.
Giải pháp này nhanh hơn giải pháp được đề xuất ở trên:
http://www.infobyip.com/testwebsiteresolution.php
Nó không linh hoạt như browserhots.org nhưng nhanh hơn nhiều (vài giây so với hàng đợi 45 phút).
Một vài ý tưởng:
Sử dụng tính năng thu phóng của trình duyệt, 1024x768 thu phóng 50% = độ phân giải mô phỏng 2048x1536, tôi biết Chrome thay đổi kích thước hình ảnh và những thứ tương tự. Mọi thứ trở nên khó đọc, nhưng tôi cho rằng bạn đang kiểm tra vị trí và tương tự.
Ngoài ra, bạn có thể sử dụng một số chương trình ảnh chụp màn hình để chụp ảnh màn hình có độ phân giải cao hơn bình thường (ảnh chụp màn hình trên Firefox cho phép tôi làm điều này, nhưng có vấn đề về bộ nhớ với độ phân giải thực sự cao và không còn miễn phí nữa).
Một giải pháp, có lẽ là quá mức cần thiết, sẽ là sử dụng Xvfb : đặt độ phân giải và độ sâu màu mong muốn, tải trang của bạn trong (các) trình duyệt và chụp (các) ảnh chụp màn hình.
Hãy thử xemlike.us hoặc screen-resolution.com . Đó không phải là tất cả các độ phân giải khả thi nhưng ít nhất là những độ phân giải phổ biến nhất.
Tôi đã không thử chúng nhưng nó có vẻ khá thẳng về phía trước.
Mặc dù điều này sẽ không cho bạn biết độ phân giải chính xác mà bạn thử nghiệm, nhưng bạn có thể sử dụng zoom
công cụ trong Chrome hoặc FF để thu nhỏ. Điều này sẽ cung cấp một ý tưởng khá chính xác về trang web trông như thế nào trên màn hình có độ phân giải cao hơn.
Nếu bạn thấy ổn khi chỉ nhìn thấy một ảnh chụp màn hình tĩnh của trang web của mình, tôi khuyên bạn nên http://b Browserhots.org/
Chúng cung cấp cho bạn tùy chọn để xem ảnh chụp màn hình trang web của bạn trong hầu như bất kỳ kết hợp trình duyệt / hệ điều hành nào, bao gồm khả năng chỉ định kích thước màn hình, cùng với một loạt các tùy chọn khác.
Rất đáng để đánh dấu.
Bạn có thể muốn thử wkhtmltoimage , có thể chụp ảnh màn hình ở độ phân giải tùy ý.
Ngoài ra, trong KDE4 có thể phóng to cửa sổ vượt quá kích thước màn hình. Tôi nghĩ rằng tôi cũng đã thấy nó trong Windows 7. Không chắc chắn về các hệ điều hành khác.
IE9 cho phép bạn thay đổi kích thước cửa sổ trình duyệt thành một kích thước tùy ý: Nhấn F12 để xem các công cụ dành cho nhà phát triển, vào Tools | Thay đổi kích thước và chọn kích thước ưa thích của bạn. Sau đó, sử dụng một số công cụ có thể chụp các cửa sổ ngoài màn hình nếu cửa sổ lớn hơn màn hình của bạn. Bài báo này dường như chỉ ra rằng Snagit có thể làm được điều này. Sau đó, chỉ cần nhìn vào bức ảnh đã chụp.