首页
学习
活动
专区
圈层
工具
发布

Mac 自带浏览器 Safari 如何开启 Web 网页开发者调试模式?

点击菜单栏中的 Safari > 设置(或按快捷键 Command + ,)。 在设置窗口中,切换到 高级 标签。 勾选 “在菜单栏中显示‘开发’菜单”。...提示:如果没有找到“开发”菜单,说明还没有启用,需要完成上述步骤。 2️⃣ 打开开发者工具 完成“开发”菜单的启用后,您会在菜单栏看到一个名为 “开发” 的新选项。...以下是如何打开开发者工具的方法: 通过右键直接打开: 右键点击网页上的任意元素,选择 检查元素。 通过菜单打开: 在菜单栏点击 开发 > 显示 Web 检查器。...支持实时编辑 HTML 和 CSS,立即预览效果。 2️⃣ 控制台(Console) 调试 JavaScript 代码。 查看输出日志,检测报错信息。...方法:将 iPhone 或 iPad 连接到 Mac,并在开发菜单中选择对应设备进行调试。 ️

13.2K30

vscode常用插件快捷键

) Ctrl +/- 侧边栏显示或隐藏 Ctrl+B 显示 Debug Ctrl+Shift+D 显示 Output Ctrl+Shift+U 搬砖相关快捷键 复制 Ctrl+C 剪切 Ctrl+X 粘贴...看到这里,可能很多小伙伴会有疑惑,为什么我的编辑器是中文的,而你的是英文尼?这就和我们接下来要说的常用插件有关了。带我慢慢道来。...启动方法如下: 在vscode软件中使用ctrl+shift+p 打开命令面板,复制Enable Rainbow Fart 后回车,右下方弹出的提示后点击open按钮,或直接访问(http://127.0.0.1...:7777/ ),在弹出的页面点击授权,如下图所示: 授权成功之后,就可以愉快的编码了。...jQuery Code Snippets jQuery自动提示 Path Autocomplete 路径自动补齐 ESLint 检测JS必备 Html Css Support 在标签新增class的时候会提示之前写过的

1.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    webStorm 3.0配置使用主题背景色等

    为什么这么说呢,她与其它的编辑器有什么不同: 1. 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的米号的。...换句话说,所有的操作都直接存储,这样带来的坏处就是,没有以前的米号标识,万一键盘误操作也会被立即存储。...,确实 zencoding快捷键修改: File -> Setting -> Live Templates  这里边如果你修改一个没有什么特别的,但是如果要添加一个需要在下面需要类型:No applicable...以下是webstorm的快捷键说明: 22. 项目中添加对jQuery的支持。...这块体验不是太好,没有checkbox,也没有radio,只是选中后整行变暗。 如果添加多个版本的jQuery,就可以直观的看到各个版本之间新方法的差别了。

    2K10

    XMLHttpRequest用法介绍

    如果请求声明为异步的,这个方法就会立即返回,否则它会等待,知道接收到响应为止。参数content是可选的,可以是一个DOM对象的实例、一个输入流或一个串。传入的内容会作为请求体的一部分发送。...xmlHttp.responseText;             xmlHttp.responseText;                   }              }   }  有些人可能会有疑问,为什么不用...JQuery中的ajaxt方法呢?...这是因为JQuery中的ajax方法需要Jquery文件的依赖,如果是想要依靠原生的js不想导入JQuery文件的情况下是不能使用的,针对于这些场景所以XMLHttpRequest还是相当受欢迎的。...如果还是不清楚的可以参考一下这几篇博客:点击打开链接 点击打开链接  写的相当的不错哦。 如对内容有问题或有疑义,请及时提出,不甚感谢。本人QQ:208017534

    2.3K50

    (效率人生)程序员必备工具Dash

    Dash存储代码片段,并立即搜索200多个API,100多个备忘单和更多的脱机文档集 。您甚至可以生成自己的文档集或请求包含的文档集。功能单一,但是很强大,需要的文档都有。...上图便是Dash的API浏览器主界面:左侧边栏是各种编程语言以及框架(取决于你下载安装了多少文档集合)的导航大纲,点击某个节点,右边的内容区域就是文档的详细信息啦,非常直观。...也可以在左上方的搜索框内通过输入关键字,查找相关的API文档,非常类似全文检索的实现方式,Dash的响应速度非常快!关键是可以同时查询不同的语言、框架内容,实在是太方便了。...其实你错了,Dash可以通过快捷键来显示、隐藏文档窗口,它提供了配置界面以便用户自行设置(我比较习惯alt+space,因为其他软件很少用到这个组合键): Dash自带了丰富的API文档,涉及各种主流的编程语言和框架...Android, C++, Cappuccino, Cocos2D, Cocos3D, Corona, CSS, Django, Groovy, HTML, Java, JavaFX, JavaScript, jQuery

    3.6K111

    Sublime的插件介绍 转

    详细设置 && 20+插件 为什么要选择Sublime Text3? Sublime Text3 自动保存,打开图片 跨平台启动快,多行选择。 插件,简直选不过来。...File:文档相关,新建文件,打开文件或文件夹等。 Edit:文件编辑相关,复制,剪切等(CVS大法好)。除此之外还有一些强大的功能。 Selection:选择相关,帮助选择代码。...如果你从没有使用过类似的工具,DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释,通过解析功能,参数,变量,并且自动添加基本项目。...需要注意的是内容有更改时,才会立即生效。 详细自定义规则:自定义Hint校验 NO.6 Git :版本控制 可视化的操作:帮助你与你的Git repo协议进行交互。...NO.10 jQuery:JQuery的API代码片段 我知道目前在很多地方 jQuery 看似已经落伍了,但是如果你不是建立一个交互性很强的网站或者你只是想在已有应用上添加功能,它仍然是非常有用的。

    1.5K30

    作为一名测试人,快来恶补F12的用法!

    1.快捷键启动:最直接的方式,按下键盘上的F12键。 2.鼠标操作:右键点击页面,选择“检查”。 3.菜单导航:在浏览器菜单中找到“更多工具”,然后点击“开发者工具”。...3.快捷组合键:Ctrl+Shift+I,开发者工具立即出现。 2、F12 常规设置 1) 显示位置调整 调整F12开发者工具的显示位置和布局,可以更专注于代码和网页本身,不被工具界面干扰。...1) 查看元素的代码 点击左上角的箭头图标(快捷键Ctrl+Shift+C)进入选择元素模式,从页面中选择需要查看的元素,然后可以在开发者工具元素(Elements)一栏中定位到该元素源代码的具体位置。...1.前端JS问题:如果错误明显与JavaScript相关,如脚本错误或函数未执行,那么很可能是前端的问题。 抓包分析: 1.未发送请求:检查网络请求,如果前端没有发出请求,问题通常在前端。...3.无响应消息:如果后端没有回应,或者回应超时,那么问题可能出现在后端。 4.响应数据错误:后端响应了,但数据有误,这通常指向后端逻辑或数据处理的问题。

    9K10

    电脑操作的快捷指令

    只需轻轻一按 Win + L,你的工作内容立即消失,确保信息安全不被窥视。无论是在咖啡馆、会议室还是任何公共场所,这个简单的快捷键都能迅速保护你的隐私。...而 Alt + F4 快捷键就像是一把神奇的钥匙,能瞬间为你解锁这一需求。当你在任何窗口中按下这组组合键,当前的应用程序会立即关闭,仿佛你只需轻轻一挥手,就能告别那些临时打开的窗口。...快捷键:Ctrl + F5 在浏览网页时,时常会遇到页面未更新或缓存问题,这时 Ctrl + F5 快捷键便是你的得力助手。...按下这组组合键,任务管理器会立即弹出,让你可以实时查看系统运行状况、监控应用程序的性能,以及管理正在运行的进程。 你的电脑突然变得缓慢,无法响应操作。...无论是结束无响应的任务,还是监控 CPU 和内存的使用情况,这个快捷键都让你在繁忙的工作中保持控制,确保系统的顺畅运行。

    58100

    关于-github的六个神技巧

    in:description jquery 匹配存储库描述中带有“jquery”的存储库。 in:readme jquery 匹配存储库的 README 文件中提到“jquery”的存储库。...(例如描述或徽标)并包含“javascript”一词的主题 is:not-featured javascript 匹配https://github.com/topics/上没有特色且包含“javascript...sparkle follower:1…10 匹配拥有 1 到 10 个关注者的用户,他们的名字中带有“sparkle”这个词 # 查找文件 使用快捷键t实时地对仓库内所有的文件进行搜索 点击某个文件后...,按下l键就可以快速跳转到某一行 点击行号,可以快速复制这行代码,生成永久链接,按b可以快速查看该文件的改动记录 # 键盘快捷键 几乎 GitHub 上的每一页都有键盘快捷键,可以更快地执行操作 # 站点快捷键...键盘快捷键 描述 S 或 / 聚焦于搜索栏。

    1.8K10

    分享11个常用的VSCode快捷键,让你编码更高效

    想一想,每次你需要移动鼠标时,你必须做以下几件事情: 将手从键盘移到鼠标上(哎呀,我的肩膀疼) 找到该死的光标去了哪里 将光标物理移动到需要的位置并点击 将手移回键盘(再次,哎呀,我的肩膀疼) 以下是我最常用的快捷键...那么,为什么要面对现实呢?滚动、滚动、滚动,让尴尬消失吧!...立即跳转到当前行的开头或结尾 早上醒来,打开工作站,启动代码编辑器。...Linux / Windows: End / Home Mac: Cmd + Left Arrow / Right Arrow 8、选择到行首或行尾 立即选择从当前行的开头或结尾到代码的所有内容...但没有任何一种力量可以与这个快捷键相比。明智地使用它吧。

    4.1K20

    Sublime text使用指北

    ,输入法属性设置-输入法管理-取消热键切换至QQ拼音) 如果不想修改其他软件的快捷键设置,可以对快捷键进行修改,即个性化设置。...点击【Preferences】->【Key Bindlings】(部分版本可能是【Key Bindlings-Default】和【Key Bindlings-User】,都点击打开),打开配置文档。...名称 描述 Emmet 对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)上看下具体的演示视频 LESS 用LESS的同学都知道,sublime没有支持...这个插件可以很好的生成js ,php 等语言函数注释,只需要在函数上面输入/** ,然后按tab 就会自动生成注释 TrailingSpacer 有时候在代码结尾打多了几个空格或Tab,一般不会察觉,TrailingSpacer...JsFormat 格式化js代码,这个插件很有用,我们有时在网上看到某些效果,想查看是怎么实现的,但是代码被压缩过,很难阅读,比如jquer插件,使用这个插件就可以自动展开 jQuery 如果你离不开jQuery

    1K10

    使用浏览器这么多年,你真的了解DevTools吗?

    例如: (1)点击某个按钮,页面没有任何反应:在Console(控制台)处看到有看到js错误。...在Network(网络)处,没有看到前端对后端的功能接口发起调用,即点击按钮时没有看到返回数据,大多数情况下,这个BUG属于前端。...(2)点击某个按钮,页面没有任何反应:在Console(控制台)处看到没有js错误。 在Network(网络)处,看到请求返回的状态码是500。...3 查看/编辑元素 点击Devtools的【箭头】(或者使用快捷键Ctrl+Shift+C)进入选择元素模式,在页面中选择需要查看的元素,就可以在开发者工具Elements标签处直接定位到该元素源代码的具体位置...4 移动端适配 点击的Devtools【手机图标】(或者使用快捷键Ctrl+Shift+M)可以换成模拟移动端浏览的状态。

    1.6K21

    Visual Studio Code(CS code)你们都在用吗?或许你们需要看一下这篇博文

    日常安利 VS code VS vode特点: 开源,免费; 自定义配置 集成git 智能提示强大 支持各种文件格式(html/jade/css/less/sass/xml) 调试功能强大 各种方便的快捷键...方法一: 按F1或Ctrl+Shift+p,输入extensions,点击第一个就可以 ? 方法二: ctrl + P 然后输入 >ext install ? 方法三: 点击图中位置 ?...插件官网:https://marketplace.visualstudio.com/   每一个插件名都超链接到官网,注意查看 a.配置类插件: 1.Settings Sync 最好用的插件,没有之一...17..REST Client REST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。 ?...3.jQuery Code Snippets  jQuery代码提示 超过130个用于JavaScript代码的jQuery代码片段。

    3.8K20

    高效开发软件——VSCode

    Hello大家好,今天兔妞给大家带来的是一个好物分享——VSCode,这是兔妞经常用的一个软件,为什么介绍它,因为它是最受欢迎的开发环境,它免费!开源!轻量!快速!...哈哈,废话不多说,让我们来看看怎样用它提高效率吧~首先介绍一下VSCode的快捷键,然后为大家简单介绍一些前端开发者常用的插件。...Up/Down 跳转至文件开头/结尾 Command + / 添加、移除行注释 Option + Shift + A 添加、移除块注释 Option + Z 自动换行、取消自动换行 Option + 点击...(ES6) code snippets:ES6语法智能提示,以及快速输入,不仅仅支 持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间 11)jQuery...Code Snippets:jQuery代码智能提示 12)Markdown Preview Enhanced:实时预览markdown,markdown使用者必备 13)markdownlint:markdown

    1.5K20
    领券