Làm cách nào để hiển thị kích thước màn hình khi bàn điều khiển Chrome mở?

Question

Tôi vừa nâng cấp lên phiên bản Chrome mới nhất (49.0.2623.87). Tôi nhận thấy một tính năng nhỏ bị thiếu.

Nếu tôi đang kiểm tra trang có bảng điều khiển đang mở và tôi đã đổi kích thước trình duyệt, ở góc trên bên phải Chrome đã từng có chỉ báo nhỏ về kích thước khung nhìn của trình duyệt. Điều đó đã biến mất. Làm thế nào để tôi nhận được nó trở lại?

Answer 1

Lỗi đã biết, đã được sửa: https://bugs.chromium.org/p/chromium/issues/detail?id=582421

Nó phải hạ cánh xuống M50. Nếu bạn cần nó sớm hơn thì nó hiện đang ở Canary (side-by-side với Chromes tiêu chuẩn) hoặc bạn có thể sử dụng kênh Dev của Chrome.

Answer 2

lỗi cố định trong 50 phiên bản, nhưng giải pháp hiện nay tạm thời:

$(document).ready(function() { 
    showSize = ShowSize($(window).width(), $(window).height()); 
    $(window).resize(function() { 
     showSize($(window).width(), $(window).height()); 
    }); 
}); 
function ShowSize(winW, winH){ 
    var scrollBarWidth = winH < $(document).find('body') ? 17 : 0; 
    $('body') 
     .find(".size-window") 
     .remove() 
     .end() 
     .append('<div class="size-window">'+(winW + scrollBarWidth) +' x '+winH+'</div>') 
     .find(".size-window") 
     .css({ 
      position: 'fixed', 
      right: '10px', 
      top: '10px', 
      color: '#fff', 
      background: 'rgba(0,0,0,0.5)', 
      padding: '5px' 
     }); 
    return function(winW, winH){ 
     scrollBarWidth = winH < $(document).find('body') ? 17 : 0; 
     $('body').find(".size-window").text(winW+ scrollBarWidth +' x '+winH); 
    } 
} 

Answer 3

Giải pháp tạm thời:

1- Nhấp chuột phải vào html phần tử trong Công cụ phát triển (Elements)

2- Bấm bên trong cửa sổ trang web

Answer 4

function winSize() { 
    console.log(` 
Inner Width: ${this.innerWidth} 
Inner Height: ${this.innerHeight} 
Outer Width: ${this.outerWidth} 
Outer Height: ${this.outerHeight} 
`);} 

winSize(); 

Bất cứ lúc nào bạn muốn kiểm tra kích thước cửa sổ, hãy chạy winSize(). Lưu ý rằng bạn có thể sử dụng các phím mũi tên lên/xuống trong Bảng điều khiển để cuộn qua các lệnh bạn đã sử dụng.