Javascript是一种广泛使用的编程语言，涉及的领域越来越广泛。特别是在与网页设计和开发相关的领域，它成为了一个不可或缺的部分。在本文章中，我们将着重关注Javascript中屏幕信息相关的知识。

屏幕信息包括所有与屏幕尺寸和分辨率相关的信息。在JavaScript中，可以通过window对象来获得当前屏幕的相关信息：

let screenWidth = window.screen.width;
let screenHeight = window.screen.height;
let pixelDepth = window.screen.pixelDepth;
let colorDepth = window.screen.colorDepth;

例如，screenWidth和screenHeight可以告诉我们当前窗口的宽度和高度。pixelDepth告诉我们屏幕上每个像素所占的位数。另一方面，colorDepth告诉我们屏幕可以显示的不同颜色的数量。

我们也可以使用availWidth和availHeight来获得可用工作区域的尺寸。可用工作区域是指不包括所有的浏览器菜单、工具栏和滚动条等的页面显示区域。

let screenWidth = window.screen.availWidth;
let screenHeight = window.screen.availHeight;

另一个与屏幕信息相关的对象是navigator对象。可以使用该对象的userAgent属性来检测用户所使用的浏览器。例如，如果我们想知道用户是使用的是chrome还是firefox，可以使用以下代码：

let userAgent = navigator.userAgent;
if(userAgent.indexOf("Chrome") != -1){
console.log("Chrome 浏览器");
} else if(userAgent.indexOf("Firefox") != -1){
console.log("Firefox 浏览器");
}

此外，可以使用screen和navigator这两个对象，来检测用户的屏幕是否为移动设备，并据此进行布局的调整。例如，在移动设备上隐藏一个元素，则可以使用以下代码:

if(screen.width<= 768){
document.getElementById("mobile-hamburger").style.display = "none";
}

最后，在我们设计和开发网站时，需要注意屏幕信息的变化。用户可能会使用多个不同尺寸的设备来访问网站，因此我们需要根据不同屏幕尺寸，在不同的设备上提供适当的布局和设计。这就需要我们有足够的屏幕信息知识，并能够根据这些信息进行灵活、智能的布局设计。在实践中，这可能会是一项具有挑战性，但理解屏幕信息的不同细节可以为我们提供非常重要的帮助。