首页 下载说明 正文

safari开发选项在哪里?教你轻松找到并开启!

平时就爱瞎琢磨点东西。自己弄个小博客,写写生活,分享点心得。前阵子,有个朋友问我,说他的网站在iPhone上看着有点不对劲,问我能不能帮他瞧瞧。我当时就想,手头又没iPhone,总不能为了看一眼就去买个新的?我就寻思着,电脑上的Safari浏览器,应该也能模拟手机上看的效果?

本站为89游戏官网游戏攻略分站,89游戏每日更新热门游戏,下载请前往主站地址:www.gm89.icu

以前用别的浏览器,我都知道怎么调出那个能看网页“骨架”的功能,或者说是能模拟手机屏幕的功能。可一到Safari这儿,我平时用着是挺顺手的,但真想找点“深藏不露”的功能,就跟大海捞针似的。

那天晚上,我就坐在电脑前,咬着牙,非得把这玩意儿找出来不可。心里头那个劲儿,就跟以前找个老物件儿似的,不找到不罢休。

我开始“翻箱倒柜”

我点开Mac屏幕左上角那个“Safari”菜单。你懂的,就是那个程序名自己对应的菜单。下面哗出来一堆选项,什么“关于 Safari”、“偏好设置”、“服务”之类的。我第一个想到的,肯定就是“偏好设置…”这玩意儿了。凡是跟设置、功能开关有关的,八九不离十都在这里面。

我手起键落,啪嗒一下就点了进去。

眼前立刻弹出来一个小窗口,上面一溜儿的标签页,什么“通用”、“外观”、“自动填充”、“标签页”、“搜索”、“安全性”、“隐私”、“网站”、“描述文件”、“扩展”……我一看,这么多!脑子里立马嗡嗡的,这得一个一个地看。我当时就想着,这种高级点的功能,肯定不会在“通用”或者“外观”这种常见的地方,那得多藏得深!

我先从头到尾,把那些一眼看上去就不搭边的标签页给扫了一遍,果然,啥也没找着。心里那个犯嘀咕,这Safari到底有没有这功能?难道我得去下个别的浏览器才能帮朋友看?那也太跌份儿了!

柳暗花明又一村:发现“高级”

就在我有点想放弃的时候,我的目光停在了一个标签页上,它叫“高级”。当时心里就咯噔了一下!“高级”这个词,听着就有点门道,感觉就像是专门藏着各种不常用但又特别有用的功能的地方。我直觉告诉我,就这儿了!

我赶紧把鼠标移过去,用力地点了下去。

果然!点进去之后,界面跟前面的那些标签页都不太一样。往下快速一扫,眼睛立马就锁定了!就在最下面、最不起眼的地方,有个小小的勾选项,文字是这么写的:

  • “在菜单栏中显示‘开发’菜单”

我当时那个兴奋劲儿,简直要蹦起来了!这不就是我苦苦找的那个“开发”功能吗!感觉就像是挖到宝藏一样,心里一股暖流。原来它就藏得这么深,深到我差点就错过了。

终于开启了!

我毫不犹豫地把那个小方框给勾上了。勾完之后,我赶紧把那个“偏好设置”的窗口关掉,眼睛直勾勾地盯着Mac屏幕顶部的菜单栏看。你猜怎么着?

真的!就在我平时看“文件”、“编辑”、“显示历史记录”等等选项的那一排菜单的右边,靠着“窗口”和“帮助”菜单的旁边,赫然多出来了一个新的菜单选项,就叫“开发”!它就那么悄无声息地出现了,跟其他菜单项排在一起,显得那么自然,却又那么让人激动。

我赶紧点开了那个新出来的“开发”菜单。哇!里面一下子出来好多东西,虽然大部分名字我看着都有点懵,什么“用户代理”、“空缓存”、“显示网页检查器”、“进入响应式设计模式”等等。但我一眼就看到了那个“进入响应式设计模式”!这不就是用来模拟手机屏幕的吗!我那个朋友的问题,这下有救了!

我一点这个选项,你信不信?我当前打开的网页,唰的一下,立马就变成了一个手机屏幕大小的窗口,上面还有各种手机型号可以选,什么iPhone 11、iPhone 15之类的,还可以调整横屏竖屏!我当时就想,这下可把朋友的问题解决了,还能顺便看看自己的博客在各种手机上的表现,简直一举两得!

那天晚上,我就在这“开发”模式里折腾了好久,把自己的博客还有朋友的网站都拿来瞧了个遍。虽然很多东西我还是不懂,但就这个能模拟手机的功能,就让我觉得这番“寻宝”没白费。以后再遇到什么需要“深入”浏览器内部去看看网页结构的问题,我都知道去哪里找了。