Làm thế nào để bạn thay đổi kích thước cửa sổ trình duyệt sao cho chiều rộng bên trong là một giá trị cụ thể

Question

Nếu bạn ở đây để cho tôi biết lý do tại sao thay đổi kích thước cửa sổ là một ý tưởng tồi, đáng ghét và tương đương với trang web của móng trên bảng phấn , thì hãy đi đi. Tôi đang tìm kiếm một giải pháp không phải là một bài giảng. Điều này chỉ được sử dụng trong cài đặt mạng nội bộ. Cụ thể, để gỡ lỗi và sau đó giới thiệu các trang web được thiết kế có trách nhiệm (các trang web sử dụng truy vấn phương tiện để mở rộng quy mô) cho khách hàng để xem xét qua cuộc họp trên web. Tôi muốn giới thiệu các điểm phá vỡ cụ thể. Điều này không được tung ra trên công chúng.

Những điều tôi đã biết:

1. Bạn chỉ có thể thay đổi kích thước cửa sổ và vị trí mở thông qua javascript, không phải bởi người sử dụng. (trừ khi họ điều chỉnh cài đặt bảo mật, tùy chọn này không phải là tùy chọn)
2. Khi bạn sử dụng phương thức resizeTo() của cửa sổ, trình duyệt được thay đổi kích thước thành thứ nguyên được chỉ định. Chế độ xem thường nhỏ hơn đáng kể (trung bình từ 30 đến 100 pixel) Tuy nhiên, tôi muốn đổi kích thước chế độ xem thành kích thước cụ thể.
3. Trình duyệt, phiên bản trình duyệt, nền tảng, một số plugin và các thanh công cụ và menu khác nhau sẽ thay đổi kích thước của chế độ xem. Nhiều menu và thanh công cụ hơn có nghĩa là chiều rộng khung nhìn nhỏ hơn.

Giải pháp:

1. Tìm chiều rộng và chiều cao của trình duyệt
2. Tìm chiều rộng của khung nhìn và chiều cao
3. Xác định sự khác biệt giữa hai người.
4. Điều chỉnh các giá trị trong cuộc gọi của tôi để resizeTo() phù hợp

Tôi cần giúp đỡ với bước 1. Tất cả mọi thứ khác tôi có thể hình dung ra. Tôi cũng đang sử dụng jQuery và trình hiện đại hóa nếu điều đó có ích.

Cảm ơn trước sự giúp đỡ của bạn!

Answer 1

Các bài là khá cũ, nhưng đây là một thực hiện cụ thể cho độc giả trong tương lai:

var resizeViewPort = function(width, height) { 
    if (window.outerWidth) { 
     window.resizeTo(
      width + (window.outerWidth - window.innerWidth), 
      height + (window.outerHeight - window.innerHeight) 
     ); 
    } else { 
     window.resizeTo(500, 500); 
     window.resizeTo(
      width + (500 - document.body.offsetWidth), 
      height + (500 - document.body.offsetHeight) 
     ); 
    } 
}; 

Và nếu bạn muốn lấy cuộn vào tài khoản:

var resizeViewPort = function(width, height) { 
    var tmp = document.documentElement.style.overflow; 
    document.documentElement.style.overflow = "scroll"; 

    if (window.outerWidth) { 
     window.resizeTo(
      width + (window.outerWidth - document.documentElement.clientWidth), 
      height + (window.outerHeight - document.documentElement.clientHeight) 
     ); 
    } else { 
     window.resizeTo(500, 500); 
     window.resizeTo(
      width + (500 - document.documentElement.clientWidth), 
      height + (500 - document.documentElement.clientHeight) 
     ); 
    } 

    document.documentElement.style.overflow = tmp; 
}; 

Hãy vui vẻ ...