Cách tốt nhất để kiểm tra một trang web ở độ phân giải cao hơn độ phân giải màn hình hiện tại của bạn là gì?

10

Tôi đang tạo một trang web phản hồi nhanh, nơi tôi cần kiểm tra kết xuất css, html, javascript của trang web ở độ phân giải 2400px trong khi màn hình của tôi chỉ là 1900px.

— bánh răng kim loại rắn
nguồn

có thể trùng lặp Làm thế nào bạn có thể chụp ảnh màn hình của toàn bộ trang web?

— Ƭᴇcʜιᴇ007

Bạn có nhận ra rằng bạn có thể thay đổi kích thước cửa sổ trình duyệt ngoài độ phân giải màn hình của bạn trên hầu hết các hệ thống? Chỉ cần di chuyển chúng ra giữa màn hình và sau đó thay đổi kích thước đường viền hiện ở giữa màn hình. Nó vô dụng để sử dụng thực tế, nhưng sẽ đủ để thử nghiệm. Ảnh chụp màn hình của cửa sổ hoàn chỉnh này được chụp trên OS X với độ phân giải màn hình 1680x150.

— Daniel Beck

@DanielBeck - lạ là tôi đang thử tương tự trên Chomre (Windows) nhưng nó không vượt quá màn hình hiện tại của tôi

— thiết bị kim loại rắn

Đó thực sự là một vấn đề với hệ điều hành của bạn đang cố gắng vượt qua bạn . Có thể sao chép bằng Safari trên Windows 7.

— Daniel Beck

Của tôi cũng là Windows 7

— bánh răng kim loại rắn

3

Trong trình duyệt Chrome:

Nhấn F12. Điều này sẽ mở DevTools.
Nhấp vào biểu tượng cài đặt ở góc dưới bên phải. Điều này sẽ mở Cài đặt DevTools.
Đi đến Ghi đè trên menu bên trái.
Kiểm tra kích hoạt và số liệu thiết bị.
Nhập độ phân giải màn hình

Tôi luôn luôn sử dụng nó, nó thực sự tiện lợi.

— Arman Bimatov
nguồn

2

Nếu bạn nhấn Ctrl+ Shift+ Mtrong các phiên bản gần đây của Firefox, bạn sẽ vào Chế độ xem thiết kế đáp ứng , có thể thay đổi kích thước khung nhìn trình duyệt lớn hơn kích thước màn hình thực tế. Bạn cũng có thể chụp ảnh màn hình và mô phỏng các sự kiện chạm từ FF 26 trở đi.

^{Bấm vào để xem kích thước đầy đủ}

Bạn có thể thấy việc thay đổi kích thước dễ dàng hơn sau khi bạn làm cho cửa sổ nhỏ hơn - bạn có thể kéo các kích thước hơn nữa trong một lần. Hoặc chỉ cần nhập một cài đặt trước tùy chỉnh từ danh sách thả xuống.

— Bob
nguồn

Có một api cho tùy chọn này? Để kích hoạt nó thông qua mã js được chèn từ trang web hoặc từ bên trong một addon?

— Kamal Reddy

@KamalReddy Tôi không nghĩ bạn có thể làm như vậy từ trong bối cảnh nội dung (trang web), nhưng có thể là từ bối cảnh chrome (addon). Vâng, trong tương lai nào. Có lẽ bạn có thể mô phỏng Ctrl + Shift + M?

— Bob

1

Bạn có thể dùng thử trang web này, nó cho phép bạn kiểm tra trang web của mình với bất kỳ độ phân giải màn hình nào mà nó cho phép bạn chọn từ độ phân giải đặt trước hoặc nhập độ phân giải tùy chỉnh của bạn. hy vọng bạn tìm thấy những dòng này hữu ích.

— kamalam
nguồn

Bị chặn bởi máy chủ proxy của chúng tôi. Đó có phải là một con trỏ đến một trang web khác, hay trang PHP đó là trang thực sự của công cụ?

— Luke Luke

trang PHP mà tôi đã thêm ở đây là trang thực tế của công cụ

— kamalam 10/11/2015

0

Câu hỏi này có lẽ phù hợp hơn với Quản trị viên web nhưng tôi sẽ tham gia và đề xuất ViewLikeUs .

cho phép bạn kiểm tra xem trang web của bạn trông như thế nào trong các định dạng độ phân giải phổ biến nhất.

— CharlieRB
nguồn

1

nó chỉ có 1920 max

— bánh răng kim loại rắn

0

Thêm độ phân giải màn hình tùy chỉnh trong bảng điều khiển của thẻ video của bạn.

— CHUNG
nguồn

3

Độ phân giải lớn hơn được hỗ trợ bởi màn hình? Bạn có thể cung cấp thêm chi tiết làm thế nào để cấu hình cái này và nó trông như thế nào?

— Daniel Beck

@DanielBeck Liên kết hướng dẫn YouTube này dành cho thẻ nVidia. Khá giống với ATI / AMD.

— GENiEBEN

2

@ElGenieben Video đó cảnh báo rõ ràng vào lúc 0 giờ 39 phút rằng bạn có thể làm hỏng màn hình của mình bằng cách đặt độ phân giải quá cao.

— Nicole Hamilton

0

Hãy thử trình kiểm tra độ phân giải trực tuyến này, nó cung cấp nhiều độ phân giải khác nhau để kiểm tra trang web của bạn, chỉ cần nhập url của trang web của bạn, chọn một độ phân giải và kiểm tra nó.

http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html

Hi vọng điêu nay co ich!!!

— Neville
nguồn

0

Bạn có thể dùng thử addon cho Chrome: Trình kiểm tra độ phân giải hỗ trợ độ phân giải tùy chỉnh :)

— Skuli Axelson
nguồn

0

Chỉ cần thay đổi thu phóng trên trình duyệt của bạn, khi bạn thu nhỏ, về cơ bản kích thước cửa sổ của bạn đang báo cáo chiều rộng lớn hơn và lớn hơn cho ứng dụng của bạn.

ví dụ jsfiddle ở đây , chỉ cần nhấp vào nút, xem chiều rộng báo cáo, sau đó thu nhỏ một chút và nhấp vào nút tương tự-- nó sẽ báo cáo kích thước lớn hơn.

— Doobeh
nguồn

0

Hãy thử cài đặt độ phân giải tùy chỉnh trong trình giả lập thiết bị trong Google Chrome. Nó cung cấp cho bạn nhiều quyền kiểm soát hơn là sử dụng chức năng thu phóng của trình duyệt.

Bật trình giả lập thiết bị và kiểm tra tùy chọn 'thu phóng cho vừa'.

Nhập thủ công độ phân giải rộng tới 9999px (hoặc kéo các cạnh của màn hình mô phỏng. Độ phân giải mô phỏng sẽ được thu nhỏ để phù hợp với chế độ xem của riêng bạn.

Bạn có thể giữ độ cao độ phân giải thực sự thấp vì bạn sẽ có thể cuộn xuống bằng mọi cách. Bằng cách này bạn có thể giữ cho thanh tra mở quá. Một quy trình công việc tuyệt vời để phát triển web!

— bramchi
nguồn