浏览器开发环境下的设备仿真

马黑黑

记得以往版本的EDGE浏览器，仿真设备里头有Google手机、三星手机、苹果手机等，现在最新的版本都没有这些了，而是一些尺寸。这些仿真设备可以旋转，方便手机横看、竖看的大概效果。


按F12进入浏览器开发环境，在开发环境获得焦点的前提下 按 Ctrl+Shift+M，或找到设备仿真按钮点击它，就可以进入设备仿真预览页面。该页面顶部有一大推的工具可以使用，通过它们可以测试我们做的帖子在这些不同尺寸的设备上竖看横看的显示效果。我在自己的网站上做 《茉莉花》 帖子时通过预览页面的仿真设备页面进行效果检测，感觉挺方便的。

基于 webKit 内核的浏览器开发环境都提供设备仿真功能，可能名称不同，比如有的成为设备工具之类的。firefox浏览器貌似没有这个东东。

红影

原来在电脑上就能看到不同环境下的效果。我进入F12就蒙圈，没找到地方

梦江南

学习了！

马黑黑

红影 发表于 2025-3-5 14:04
原来在电脑上就能看到不同环境下的效果。我进入F12就蒙圈，没找到地方

它就是一个侧边栏，可能默认是英文，可以设置成中文。有了中文环境，一切看起来会顺畅得多。设置操作入口酱紫：按F12，DevTools 开发工具（出现在右侧或底部），接着按一下F1，出现设置操作页面，上面就会有语言选择，一个下拉菜单。

有了中文，其它就是图标了，一般放在 DevTools 栏的顶部，鼠标指针移到上面都有说明，其中的控制台是调试输入输出、代码存在的错误（如有）等等，还有很多按钮等你去发现。

马黑黑

梦江南 发表于 2025-3-5 15:25
学习了！

花飞飞

firefox浏览器貌似没有这个东东。
我现在把习惯掰过来了，顺手开的Edge，
很容易就找到这个仿真设备了。

花飞飞

我现在里面还有设备可选，有个十七八种的，还有ipad平板。。。。也就是说我用的还是旧版本的。。
控制台进来就看到，还是很方便的

花飞飞

我试着看了两个版本的，
只能横屏的那版左边会切掉一部分，怎么改大小也出不来
随意更改尺寸的版本就可以全部显示。。
话说这么看着很方便啊。。
浏览器居然模拟非电脑显示环境，哪个大神想出来的金点子。

红影

马黑黑 发表于 2025-3-5 18:09
它就是一个侧边栏，可能默认是英文，可以设置成中文。有了中文环境，一切看起来会顺畅得多。设置操作入口 ...

找到了便中文的，果然，看起来方便多了

马黑黑

红影 发表于 2025-3-5 19:22
找到了便中文的，果然，看起来方便多了

马黑黑

花飞飞 发表于 2025-3-5 19:07
我试着看了两个版本的，
只能横屏的那版左边会切掉一部分，怎么改大小也出不来
随意更改尺寸的版本就可以 ...

谷歌的创意。这一部分是开源的。

花飞飞

马黑黑 发表于 2025-3-5 19:30
谷歌的创意。这一部分是开源的。

矮油，他们也有开源的呀。这个采众家之长还是挺好的。不过他们开的都无关紧要的吧

马黑黑

花飞飞 发表于 2025-3-5 19:38
矮油，他们也有开源的呀。这个采众家之长还是挺好的。不过他们开的都无关紧要的吧

webKit本身开源，也不是谷歌的，谷歌是当下webKit主要维护者之一，很多机构和个人对webKit都有贡献。浏览器核心这一部分是开源的，谷歌浏览器所集成的一些其他方面的东东就不一定开源了

红影

马黑黑 发表于 2025-3-5 19:25

看英文累人

花飞飞

马黑黑 发表于 2025-3-5 22:09
webKit本身开源，也不是谷歌的，谷歌是当下webKit主要维护者之一，很多机构和个人对webKit都有贡献。浏览 ...

开源多少就可以学习利用多少。。
一直觉得电脑这方面应该是国外的更先进，毕竟系统啥的都是他们的，一直碾压我们。
现在人工智能方面能有这么大突破，反超他们，感觉我们的技术人员很了不起。

马黑黑

花飞飞 发表于 2025-3-6 14:45
开源多少就可以学习利用多少。。
一直觉得电脑这方面应该是国外的更先进，毕竟系统啥的都是他们的，一直 ...

我们过去不同重视基础研究，总以为做不如买省事，现在发现酱紫不行，你想买人家不卖，咋办？现在发力还不迟

花飞飞

马黑黑 发表于 2025-3-6 18:25
我们过去不同重视基础研究，总以为做不如买省事，现在发现酱紫不行，你想买人家不卖，咋办？现在发力还不 ...

制裁哪一项，哪一项就异军突起。。。。。比如空间站，比如北斗，
几千年领先世界的战斗民族前阵子打了个一百年的盹，
是时候复兴了。。

马黑黑

花飞飞 发表于 2025-3-6 19:49
制裁哪一项，哪一项就异军突起。。。。。比如空间站，比如北斗，
几千年领先世界的战斗民族前阵子打了个 ...

我们也是有问题的，理念问题，这个问题现在还存在。很多东西，都需要独立自主。

花飞飞

马黑黑 发表于 2025-3-6 20:03
我们也是有问题的，理念问题，这个问题现在还存在。很多东西，都需要独立自主。

理念正在慢慢改变。。除了有基因在。。。事实也在不 断证明。。

马黑黑

花飞飞 发表于 2025-3-6 22:20
理念正在慢慢改变。。除了有基因在。。。事实也在不 断证明。。

嗯嗯