【杂篇 · 技巧】Mac有touchbar该如何“优雅”地打开Chrome控制台Console和刷新页面

已于 2022-03-19 19:02:02 修改
阅读量1.5k 收藏
点赞数
分类专栏： 杂篇 文章标签： chrome macos 前端
于 2022-01-16 12:11:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RogerQianpeng/article/details/122521422
版权

问题描述

我的macbook pro是2017版的，带touchbar，所以每次打开console都要费劲地按住fn再等0.5秒显示出f12，然后再去touchbar上找到f12，再按一下玻璃，属实是太让人不爽了！f5也不能刷新网页。

问题解决

cmd+option+j呼出控制台
cmd+r刷新页面

补充说明

其实按住cmd也可以看到提示，之前一直没注意到这种解决方法…
在这里插入图片描述

另外感谢

开发者控制台
在浏览器中调试

RogerQianpeng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
刷新页面后让控制台的js代码继续执行
12-13
在各种限时，秒杀活动中，有个自动循环的点击的工具是很重要的。 为了方便起见，我们把Js代码放在浏览器的控制台执行，但是刷新页面后，js代码就清空了，也就无法执行。 可以用js代码实现一个不受页面刷新影响不断执行的代码，如下： 1. 必要的知识 prompt() 弹出对话框，获取用户输入的文本 setTimeout(,) 延迟执行函数 write() 可向指定对象写入html代码或者js代码 with() 设定代码的作用域 2.大致框架 var timeout = prompt("设置刷新时间"); current = location.href; if(timeout > 0) { 　　s
chrome浏览器网页刷新的console代码
热门推荐
samt007的Blog
04-20 2万+
代码如下： timeout=prompt("Set timeout (Second):"); count=0 current=location.href; if(timeout>0) setTimeout('reload()',1000*timeout); else location.replace(current); function reload(){ setTimeout('re...
macos 打开chrome的developer-console 命令台
weixin_43301333的博客
01-07 644
【代码】macos 打开chrome的developer-console 命令台。
console定时刷新页面，且不会因刷新页面导致js失效
蒋蒋
01-10 9007
timeout=prompt("Set timeout (Second):"); count=0 current=location.href; if(timeout>0) setTimeout('reload()',1000*timeout); else location.replace(current); function reload(){ setTimeout('reload()',1...
console js刷新页面_Chrome JavaScript调试 - 如何在页面刷新或通过代码断开之间保存断点？...
weixin_39779528的博客
12-19 118
When using Chrome and it's JavaScript debugger, every time I reload my page / scripts, my breakpoints are lost and I have to go find the script file in the pop-up, find the line of code for my break p...
chrome-console:PubNub Chrome 控制台
06-21
PubNub Chrome 控制台第 1 步：克隆此存储库 git clone https://github.com/pubnub/chrome-console.git第 2 步：加载解压后的扩展在 Chrome 中，打开 chrome://extensions/ 点击+开发者模式单击加载解压缩的扩展程序...
console.img：:party_popper:在Chrome浏览器控制台中显示图片
01-31
:party_popper: 在Chrome浏览器控制台中显示图片 快速开始 var script = document . createElement ( 'script' ) script . src = '//unpkg.com/console.img/dist/console.img.min.js' script . onload = ( ) => ...
ConsoleImporter从Chrome控制台轻松导入JS和CSS资源
08-10
打开Chrome浏览器，按F12或者右键选择“检查”打开开发者工具，切换到“Console”（控制台）面板。在控制台中输入以下命令： ``` import('path/to/console-importer.js') ``` 这将加载并执行`console-importer....
获取chrome浏览器的console日志和network下各个组件的详细信息
12-30
1、获取chrome浏览器的console日志 2、network下各个组件的详细信息 3、定时监控 4、日志收集
如何使Chrome控制台支持多行js模式——意外发现
10-27
一直以来，Chrome控制台都缺少象IE调试台那样的多行执行模式,今天意外发现Chrome其实也支持多行模式
控制台实现JS定时刷新网页
Bnessy
10-29 601
【代码】控制台实现JS定时刷新网页。
自动刷新
qq_38397866的博客
03-19 266
timeout=prompt("Set timeout (Second):"); count=0 current=location.href; if(timeout>0){ setTimeout('reload()',1000*timeout); } else{ location.replace(current); } function reload(){ setTimeout('reload()',1000*timeout); count++; consol.
Console控制台的正确打开方式
weixin_30535913的博客
10-08 1680
Console控制台的正确打开方式 console对象提供了访问浏览器调试模式的信息到控制台 —— Console对象 |—— assert() 如果第一个参数断言为false，则在控制台输出错误信息 |—— console.assert(document.getElementById("demo"), "没有 ID 为 'demo' 的元素"); |—— 语法：console...
console js刷新页面_【F12】Console命令，让js调试更简单
weixin_32744173的博客
02-06 808
一、显示信息的命令console.log("normal"); // 用于输出普通信息console.info("information"); // 用于输出提示性信息console.error("error"); // 用于输出错误信息console.warn("warn"); // 用于输出警示信息二、点位符：字符(%s)、整...
使用浏览器调试前端的必备技巧
Ariel_欢
02-19 1240
站在巨人的肩膀上更快的成长，小编最近在研究前端调试时，发现一篇总结使用浏览器调试前端的必备技巧的文章，小编忍不住一键三连并且想分享给大家。本文为转载文章，原文地址： 使用浏览器调试前端的必备技巧  一、按钮的功能【从左往右来】 1.箭头按钮：用于在页面选择一个元素来审查和查看它的相关信息。 2.设备图标：点击它可以切换到不同的终端进行开发模式，移动端和PC端的一个切换，可以选择不同的移动终端设备，
console控制台代码实现网页自动刷新，且刷新后不失效
最新发布
shenxian1021的专栏
03-01 539
console控制台代码，实现网页自动刷新，且刷新后不失效。
html5 控制台怎么打开,Chrome控制台，console实用教程
weixin_39907157的博客
06-16 5219
大家在调试程序的时候，经常会用到控制台，在console下调试各种bug,在此整理了控制台console的一些用法，希望能够帮到你，话不多说，上干货一、先简单的介绍一下chrome的控制台1.Windows：打开chrome浏览器，按f12就可以轻松的打开控制台(这里着重介绍下mac的，其实都一样，只是博主只有mac ????)2.mac:打开chrome浏览器，按fn+ f12就可以轻松的打开控制台(...
【解决】谷歌在console面板点击刷新进入sources面板问题
egg_er的博客
01-10 1930
【解决】谷歌在console面板点击刷新进入sources面板问题 不知道大伙有没有遇到这个问题，在一次谷歌console控制台调试代码以后，关闭浏览器，修改代码，重新打开页面，再进入控制台刷新页面的时候，点击刷新，此时不是刷新了控制台打印的数据，而是进入了sources调试面板，这是为什么呢？ 产生错误原因分析： 由于上一次我们在调试代码的时候，在sources面板，先设置断点，然后点击刷新,此时可以点击下一步进行调试。那么我们如果细心发现，只有先设置了断点，刷新才会进入调试。那么我们把断点取消掉不就可以
Chrome(谷歌)控制台，console实用教程
web前端开发
09-26 2922
来源 |https://www.jianshu.com/p/24b9f50dc520大家在调试程序的时候，经常会用到控制台，在console下调试各种bug,在此整理了...
chrome通过console控制台在两个input输入框中进行切换
06-10
你可以使用 `document.querySelector` 或 `document.getElementById` 方法获取到需要进行操作的两个 `input` 元素，然后使用 `element.focus()` 方法将焦点设置在其中一个 `input` 上，再次调用该方法将焦点切换到另一个 `input` 上。以下是一个简单的示例代码： ```javascript // 获取两个输入框元素 const input1 = document.querySelector('#input1'); const input2 = document.querySelector('#input2'); // 焦点切换函数 function toggleFocus() { if (document.activeElement === input1) { input2.focus(); } else { input1.focus(); } } // 绑定键盘事件 document.addEventListener('keydown', event => { if (event.key === 'Tab') { event.preventDefault(); // 阻止默认行为 toggleFocus(); } }); ``` 在该示例中，我们先获取了两个 `input` 元素，然后定义了一个 `toggleFocus` 函数，用于将焦点切换到另一个 `input` 上。最后，我们在文档对象上绑定了一个 `keydown` 事件，当用户按下 `Tab` 键时，阻止默认行为并调用 `toggleFocus` 函数实现焦点切换。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值