Baru-baru ini saya menginstal ulang PC saya. Ketika selesai menginstal ulang segala sesuatu yang saya perhatikan saat menggunakan Memeriksa bahwa layar tinggi dan lebar dari halaman yang tidak ditampilkan di sudut kanan atas lagi.
Apakah mereka menghapus atau ada rahasia pengaturan saya belum't ditemukan belum? atau mungkin sebuah bug? Hal ini membuat hidup saya jadi lebih mudah ketika aku harus membuat situs responsif.
Rupanya itu dihapus dalam salah satu update terbaru, namun anda dapat mengakses perangkat Beralih mode dengan menekan F12 dan kemudian menekan Ctrl + Shift + M.
Jika anda tidak suka dengan cara ini, anda dapat menggunakan contoh ini didasarkan pada javascript yang akan memberitahu anda saat ini lebar jendela:
var onresize = function()
{
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
console.log(width);
}
Tekan F12 dan kemudian tekan Esc untuk melihat konsol.
Berdasarkan jawaban ini: https://stackoverflow.com/a/28241682/3399806
Yang pasti fitur berguna yang mereka dihapus. Untungnya ada's ekstensi Chrome yang dapat anda gunakan untuk mencapai fungsi yang sama dengan:
Download di sini: Viewport Dimensi
Restart browser anda setelah menginstal. Nikmati!
Saya menggunakan sedikit trik rapi saya menemukan diri saya sendiri. Hanya menjaga kursor pada tubuh
node inspektur sehingga's terus-menerus disorot saat mengubah ukuran. Aku benar-benar berharap mereka kembali fungsi ini.
Berikut adalah gambar untuk klarifikasi:
Sebagai May2016, Chrome memiliki fungsi ini lagi.layar dimensi
Saya membuat sebuah ekstensi Chrome untuk meniru gaya lama memiliki lebar X tinggi di sudut kanan atas yang BEBAS untuk semua. Berikut ini's link untuk plugin (FYI ekstensi tidak bekerja pada Chrome plugin halaman jadi don't worry): https://chrome.google.com/webstore/detail/width-and-height-display/hhcddohiohbojnfdmfpbbhiaompeiemo?hl=en-US&gl=US
Selain itu, saya mengambil @Joefay dan @Mikha's (terima kasih!) jawaban dari atas dan membuat visual kecil di sudut kanan atas sehingga anda don't perlu untuk menyimpan konsol terbuka setelah muncul kode ke konsol. Anda akan memiliki untuk di tempelkan di setiap kali anda membuka jendela baru atau refresh halaman anda namun. Semoga ini bisa membantu.
var onresize = function() {
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
var container = document.getElementById('heightAndWidth');
container.innerHTML = width + ' x ' + height;
};
(function addHAndWElement() {
var cssString = 'position:fixed;right:8px;top:8px;z-index:20000;background:rgba(0,0,0,0.6);color:#FFF;padding:4px;'
var htmlDoc = document.getElementsByTagName('body');
var newDiv = document.createElement('div');
var divIdName = 'heightAndWidth';
newDiv.setAttribute('id',divIdName);
newDiv.style.cssText = cssString;
htmlDoc[0].appendChild(newDiv);
onresize();
})();
TL;DR Pastikan Pengembang Konsol dibuka dari tab anda saat ini adalah mengubah ukuran.
Ini mungkin terdengar seperti :face-palm: untuk banyak orang, tapi aku tersandung pada beberapa pengembang konsol yang terbuka, namun tidak melihat dimensi jendela seperti yang saya ukurannya itu, tidak ada perubahan untuk pengaturan.
Jawabannya adalah bahwa saya memiliki dua tab Chrome terbuka, dan masing-masing tab rupanya memiliki Konsol Pengembang. Itu tidak akan beralih ketika anda beralih tab. Oleh karena itu, saya mengubah ukuran jendela yang sedang aktif dengan kedua tab, tapi karena tab saya membuka konsol tidak aktif, saya tidak melihat dimensi saya.
Fitur ini tidak dihapus, ada's cara yang berbeda untuk mengakses sekarang.
Setelah melakukan ini, anda'akan dapat mengubah ukuran jendela bolak-balik menonton tepat ukuran jendela seperti biasa.
Saya harap ini membantu!