HTML5 CSS3 JavaScript

【コピペ】macでブラウザの検証画面でpx(ピクセル幅)を表示する方法【小ワザ】

windowsではホームページ画面の検証(F12)で検証画面を表示したときに検証対象の表示画面の上にpx(ピクセル幅)が普通にでます。普段macでホームページ関連やwebアプリを作成する場合に結構な頻度で検証画面をひらくとおもいます。そんな時にはコンソール画面に

console.log(`Width: ${window.innerWidth}px, Height: ${window.innerHeight}px`);

とコピペして打ちましょう。ポインタ近くに○○px×○○pxの表示がでるようになります。

-HTML5 CSS3, JavaScript