Mac的Safari浏览器如何打开检查元素【网页控制台】

已于 2022-10-20 17:53:52 修改
阅读量2.6w 收藏 4
点赞数 14
文章标签： macos
于 2022-07-28 10:25:06 首次发布
陈春波
本文链接：https://blog.csdn.net/weixin_48337566/article/details/126027363
版权
本文详细介绍了如何在Mac OS上设置开发菜单栏，步骤包括设置偏好设置、启用高级选项并添加检查元素功能。适合快速解决前端开发问题的博主水香木鱼分享实用技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、博主介绍

💒首页:水香木鱼

🛫专栏：Mac

✍简介: 博主:花名 “水香木鱼”，星座"水瓶座一枚"

🔰 格言: 生活是一面镜子。 你对它笑， 它就对你笑； 你对它哭， 它也对你哭。

🔋 充电：相信付出终将会得到回报!

二、笔芯文章

本期文章以截图演示，便于伙伴们快速解决问题一🔎

在这里插入图片描述

1、点击偏好设置

在这里插入图片描述

2、选择高级

在这里插入图片描述

3、勾选底部【在菜单栏中显示“开发”菜单】

在这里插入图片描述

4、此时，在顶部菜单栏显示开发字样

在这里插入图片描述

5、打开任一网页，鼠标右键 显示检查元素并点击

在这里插入图片描述

6、此刻，控制台已经展现在我们面前

在这里插入图片描述

三、博主致谢

感谢小伙伴们，耐心的阅读完本篇文章，关注👉 水香木鱼🔔 获取更多精彩文章！

⭐⭐⭐ 别忘记一键三连呦!

四、相关历史

macOS系统vue2.0配置前端开发环境

常用的四大MacOS类型的终端命令【初学者必备】

Mac使用n管理工具快速切换node版本【node10.13.0开发稳定版】

Mac下载yarn出现Error: EACCES: permission denied, open ‘/Users/chenchunbo/.config/yarn‘

如何在浏览器中打开控制台？
ScriptCharm的博客
10-03 1万+
控制台是一个强大而实用的工具，它不仅可以输出日志消息，还可以执行JavaScript代码、查看和修改网页的DOM结构，以及调试代码中的错误。控制台是开发者工具中的一个重要功能，它提供了一个交互式的环境，让开发者能够直接与网页进行交互，并查看和调试代码。打开浏览器的控制台后，将以上代码粘贴到控制台中，并按下回车键，你将在控制台中看到输出的消息：“Hello, World!无论使用哪种方法打开控制台，一旦打开，你就可以在控制台中执行JavaScript代码和调试你的网页。
如何在 Mac 上的 Safari 浏览器中管理 Cookie 和网站数据？
macxingchendahai的博客
03-27 1213
Safari 浏览器是Mac电脑上自带的一款非常好用的浏览器,我们可以更改 Safari 浏览器偏好设置中的选项，从而让 Safari 浏览器始终接受或始终阻止 Cookie 和网站数据。那么我们该如何管理呢？快和小编一起来看看吧！ 具体方法如下 1.在 Mac 上的 Safari 浏览器 App 中，选取“Safari 浏览器”>“偏好设置”。 2.点按“隐私”。 3.然后执行以下任一项操作 防止跟踪器使用 Cookie 和网站数据跟踪您：选择“阻止跨站跟踪”。 Cookie 和网站数据会被删
Safari 查看 http 请求
AI工程化、开源分享、文档翻译、代码笔记
07-26 4545
选择完成后，Safari 的目录栏就会出现一个。Safari 设置中，打开。开启页面后，在开发中选中。伊织 2020-02-25。即可看到请求和响应信息。
Mac 自带浏览器 Safari 如何开启 Web 网页开发者调试模式？
猫头虎技术团队：授渔优于赠鱼，兴趣引领智慧，探索之乐尤显珍贵。商务合作+：Libin9iOak ，万粉变现+：CSDNWF，猫头虎承诺每年免费为100名C站创作者做账号流量诊断服务！全网搜：猫头虎技术团队，点击文章底部名片或直接私信我一切皆可谈，快找虎哥！
01-07 5927
Mac 自带浏览器 Safari 如何开启 Web 网页开发者调试模式？ 大家好，我是猫头虎，今天为大家带来一篇关于 Safari 浏览器如何开启开发者调试模式 的详细教程！Safari 是 macOS 的默认浏览器，虽然在开发者圈子中不如 Chrome 普及，但其内置的开发工具功能强大，尤其在调试 iOS 和 macOS 系统的网页表现时非常有用。跟着这篇教程，让我们快速掌握开启 Safari 开发者调试模式的方法吧！
手机上（ios&安卓）如何打开网页控制台
最新发布
a2274001782的博客
03-28 1717
手机上（ios&安卓）如何打开网页控制台
macbook Safari 如何打开F12 Console 控制台 开发者工具 Developer Tools
热门推荐
wuyujin1997的博客
08-24 4万+
可以切换常用的 Element，Console，Source， Network等工具面板。要关闭开发者工具，需要用鼠标点击工具栏左侧的叉号(暂时没有发现快捷键。或：Safari–Preferences呼出首选项面板(或用快捷键。首先要启用开发者模式，然后就可以打开开发者工具。即可打开开发者工具。...
safari浏览器在window下 打开控制台
weixin_30525825的博客
08-11 560
有时候需要在window下测试safari浏览器的兼容性 然后需要打开错误控制台 以下是完整打开的图文教程 1.显示菜单栏 2.打开偏好设置 3.然后切换到高级标签 勾选 在菜单栏显示开发菜单 4.打开开发菜单下的 错误控制台 5.直接测试 转载于:https://www.cnblogs.com/xxx91hx/p/4720485.html...
macOS系统浏览器设置“检查元素“功能
2301_76297780的博客
03-10 3707
介绍macOS系统浏览器设置"检查元素"功能的操作
Safari怎样打开控制台
WUYANYANstrong的博客
05-17 4432
Command+potion+i
2步开启Safari审查元素
php小松
02-29 2万+
用mac苹果笔记本也有一年了，之前因为要调试网页发现Safari没有这个功能，于是特意安装了一个chrome查元素看网站性能等，今天突然想解决一下Safari没有查看性能的文件，于是上百度查了一下。原来Safari是支持查看元素的不过要开启一下，下面来讲一下怎么开启Safari的查看元素功能 请看下面的图 在Safari打开的网页右击一下就能看到【检查元素】 之后就可以在Safari里调试代
如何在不同的浏览器中打开控制台调试JS（转帖加自己的截图）
03-29
标题中的“如何在不同的浏览器中打开控制台调试JS”是一个关于网页开发中JavaScript调试的关键话题。在现代Web开发中，浏览器的开发者工具是必不可少的工具，尤其是JavaScript控制台，它可以帮助开发者追踪错误、...
【浏览器 - Mac实时调试iOS手机浏览器页面】
qq_38428433的博客
01-30 1527
最近开发个项目，需要在 Mac 电脑上调试 iOS 手机设备上的 Chrome 浏览器，并查看Chrome网页上的 console 信息，本来以为要安装一些插件，没想到直接使用Mac上的Safari 直接可以调试，再此记录下，分享给需要的伙伴。鼠标在Mac Safair调试工具页面，手机上也会同步展示所选区域。点击后，可以看到控制台，
如何打开浏览器开发者工具，查看控制台输出
07-07
要打开浏览器开发者工具并查看控制台输出，您可以按下以下快捷键： - Google Chrome（Windows和...无论您使用哪种浏览器，这些快捷键都将打开开发者工具，并显示控制台选项卡，您可以在其中查看网页的控制台输出。
在mac上如何用safari调试ios手机的移动端页面
allen_csdns的博客
12-06 3492
步骤如下： 第一步：打开iphone手机的开发者模式，流程是：【设置】->【Safari】->【高级】->开启【Web检查器】 ，如图1、图2 图2 第二步：打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选 图3 第三步：用数据线将iphone手机和mac连接起来，在电脑的saf...
怎么在手机上打开网页的控制台
weixin_64684095的博客
01-16 4582
不同手机系统和浏览器打开网页控制台的方法有所不同。
【实用技巧】浏览器控制台实用技巧？
renqq001的博客
11-01 2487
浏览器控制台实用技巧？
ios苹果升级内的web程序怎么在mac的safari浏览器看到日志控制台
weixin_42253927的博客
05-16 243
ios苹果升级内的web程序怎么在mac的safari浏览器看到日志控制台
没有mac设备怎么在safari打开控制台调试ios移动端
mini_1251861209的博客
12-10 1356
用微信公众平台提供的vconsole 如果是原生的html页面，就加上以下代码： <script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); </s..
使用mac调试手机端safari代码（类似chrome的控制台）
weixin_41395648的博客
11-27 4203
1.safari-偏好设置-高级：勾选“在菜单栏中显示‘开发’菜单” 2.iphone-safari设置-高级-勾选“WEB检查器” 3.连接手机与mac后，在safari-开发中选择iphone中打开的页面即可。 PS：点击下图中的位置可以在手机上选择区域。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

水香木鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值