Google chrome extension 无论如何,在Chrome中同时检查多个屏幕尺寸?

Google chrome extension 无论如何,在Chrome中同时检查多个屏幕尺寸?,google-chrome-extension,google-chrome-devtools,web-inspector,Google Chrome Extension,Google Chrome Devtools,Web Inspector,这可能是一个扩展吗 基本上,我希望看到一个特定网页的手机、平板电脑和桌面大小,并能够在一个inspector窗口中检查所有这些页面,如果我对inspector的css进行了更改,我希望它能针对所有3个视图进行更改 这样的事情可能吗?这将有助于对所有3个视口的html和css进行标准化,并使响应性设计更简单,所需的css更少 有人知道这样的事吗?我认为Chrome有一个扩展可以做到这一点,或者至少有一种方法可以在没有扩展的情况下做到这一点,只需一个inspector窗口。您可以使用(基于Chrom

这可能是一个扩展吗

基本上,我希望看到一个特定网页的手机、平板电脑和桌面大小,并能够在一个inspector窗口中检查所有这些页面,如果我对inspector的css进行了更改,我希望它能针对所有3个视图进行更改

这样的事情可能吗?这将有助于对所有3个视口的html和css进行标准化,并使响应性设计更简单,所需的css更少

有人知道这样的事吗?我认为Chrome有一个扩展可以做到这一点,或者至少有一种方法可以在没有扩展的情况下做到这一点,只需一个inspector窗口。

您可以使用(基于Chrome)实现这一目的。它提供移动和桌面并排的视图。不幸的是,无法自定义此视图。您无法将其设置为同时显示3个屏幕。

Emmet Re:view(Chrome扩展)对我来说效果很好


但是,在重新加载页面时,我很难保持它的持久性,这在开发过程中尤其烦人。

我想补充一下Cody Elhard所说的内容,并推荐浏览器扩展

sizzy.co,同时有多个屏幕,不仅仅是台式机和移动设备,一个屏幕可以有十几个屏幕

你见过Chrome开发工具吗?他们有这方面的内置功能…但这意味着您必须在3个不同的窗口和3个不同的检查器中进行编辑才能正确执行此操作。有没有办法只在一个inspector窗口中编辑不同大小的相同网页?打开设备模式后,您可以使用下拉菜单更改模拟设备,以查看网站在不同分辨率下的外观…您是说这并不能完全解决您的问题,因为您想同时看到这三个设备?或者您需要单击设备模式的“开”和“关”,一次只能启用一种类型的设备模式。当你需要3种类型的设备时,这没有帮助。是的,我想对html/css进行更改,并看到它们在3种不同的设备或屏幕大小中自动更改。而且,在我花了一个小时使用它之前,一秒钟也不暗示它是付费浏览器,然后在12小时内关闭所有内容也有点奇怪$对于一个使用Chrome浏览器的浏览器来说,一个月10次实在是太多了。对于每个设备宽度视图,Chrome浏览器似乎都有一个不同的检查器,因此对一个检查器进行更改(例如CSS更改)不会影响其他设备宽度视图。如果我错了,请告诉我们如何对多个视图使用一个检查器。