打脸来的太快了,又发现一个Trae的宝藏功能--内置浏览器可以指定机型来显示前端界面

大家好呀,我是程序员夏叶,深度AI编程使用者,专注于分享AI编程方面的使用技巧、经验以及前沿资讯,有兴趣的可以关注我的公众号,一起学习,共同进步。

今天给大家分享一个Trae的实用功能,就是SOLO模式下内置浏览器可以指定不同的手机、平板机型来查看前端页面显示效果,我感觉这个功能很棒,忍不住就跟大家分享一下。

事情是这样,昨天我发了一篇文章,在文章里面我吐槽了Trae SOLO中的浏览器功能有点鸡肋。

但是打脸来的太快了,今天我也是无意中发现的,在Trae SOLO模式下的浏览器面板中,有个小按钮,可以打开浏览器工具栏,在工具栏中可以选择页面尺寸,看看网页适配不同屏幕尺寸的效果。

就是截图中选择元素按钮左边的小按钮,太隐蔽了,不是无意之中点了一下,根本发现不了。

这个功能就比较有用了,我们可以通过选择不同的机型,来查看网站在手机或者平板上面的效果,不需要再去使用别的什么工具或者发到手机上查看了,所以我要收回这个吐槽,哈哈。

比如我之前做的markdown转小红书网站,在iphone 16上是这样的:

这个很显然,需要优化,3个面板并排,在电脑上看就比较好,手机上如果还是3个面板并排,看起来也太奇怪了,之前Claude 4跟我说的完美适配移动端,就是忽悠我的。

没啥好说的,把这个事情跟SOLO Builder反馈了一下,然后一次对话,它就搞定了,如下:

在底部加了3个标签,这样在桌面端还是原来的3个面板,移动端就是通过标签切换,不得不说,让SOLO Builder干这样的事情,它还是很能干的。

好了,今天的分享就到这里,既然已经看到最后了,麻烦来个三连支持一下吧,十分感谢!

相关推荐
threerocks6 分钟前
土豆姐 Lauren 关于 Grok Bot 团队打造指南
aigc·openai·ai编程
溪语流沙42 分钟前
【每天一个CSS | Day41】开关三连:一套状态机,三种视觉翻译
前端·css·html5·每日一练·按钮
变与不变8061 小时前
css定位布局精讲
前端·css
FRing031 小时前
JavaScript入门到精通三十三(异常处理、call方法、apply方法、bind方法、防抖、节流)
开发语言·前端·javascript
9i编程2 小时前
用 Codex 改代码,依据是什么?
人工智能·openai·ai编程
计算机魔术师2 小时前
OpenAI 砍掉 100 亿融资目标,AI 资本市场的温度计变了
前端
jktantan2 小时前
(二)Vue 3 的 attrs 不是响应式:el-form 扩展属性同步的三种方案
前端·javascript·vue.js·element-plus
前端 贾公子3 小时前
第 5 章:Codex 从可运行程序到可交付工具
java·前端·数据库
用户360055579003 小时前
Kestrel_VLLM - 26 · 发射空档三步曲:事件计时 → nsys → 判别实验
前端
echome8883 小时前
JavaScript async/await 错误处理:别让 Promise 静默失败
开发语言·前端·javascript·promise