AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

【chrome】在做项目使用chrome调试的时候，调整Console的位置

2017-04-02 1507
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 在新的电脑上安装了谷歌浏览器 ，然后在调试系统的时候，发现console这个控制台，模拟调试js的位置无法显示到source以下， 解决问题：怎么样让console控制台显示到sources下，在查看js源码的同时又能查看console模拟控制台的js调试呢？在sources界面下，按下...

在新的电脑上安装了谷歌浏览器 ，然后在调试系统的时候，发现console这个控制台，模拟调试js的位置无法显示到source以下，

 

解决问题：

怎么样让console控制台显示到sources下，在查看js源码的同时又能查看console模拟控制台的js调试呢？

在sources界面下，按下ESC按钮，即可！

 

文章标签：
Web App开发
JavaScript
关键词：
Chrome调试
Chrome项目
Chrome console
angel挤一挤
目录
相关文章
前端技术栈
|
Web App开发 JavaScript 前端开发
chrome调试秘籍，让你的开发速度飞起来
chrome调试秘籍，让你的开发速度飞起来
前端技术栈
358 1
清雨小竹
|
Web App开发 开发者
利用chrome控制台调试post请求
利用chrome控制台调试post请求
清雨小竹
969 0
凯小默
|
Web App开发 JavaScript
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
凯小默
1963 0
前端充电宝
|
Web App开发 前端开发 JavaScript
超实用的Chrome DevTools调试技巧
超实用的Chrome DevTools调试技巧
前端充电宝
528 0
土木林森
|
Web App开发 JavaScript 前端开发
【专栏】如何使用 Chrome DevTools 的断点功能提升前端调试效率， 花式打断点
【4月更文挑战第29天】本文介绍了如何使用 Chrome DevTools 的断点功能提升前端调试效率。从基本的行断点和函数断点，到更高级的条件断点、DOM 断点、XHR 断点和事件断点，以及代码注入断点，详细阐述了各种断点的设置和应用场景。通过断点调试实战案例，如异步操作、复杂逻辑和性能优化，展示断点在解决实际问题中的重要作用。掌握这些技巧能有效提高开发质量和效率。
土木林森
1138 1
换个网名有点难
|
Web App开发 存储 监控
如何使用 Chrome DevTools 进行前端性能监控和调试？
如何使用 Chrome DevTools 进行前端性能监控和调试？
换个网名有点难
1538 0
爱你三千遍斯塔克
|
Web App开发
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
爱你三千遍斯塔克
408 0
朝阳39
|
Web App开发 JavaScript 开发者
谷歌浏览器chrome安装vue调试插件Vue-Devtools
谷歌浏览器chrome安装vue调试插件Vue-Devtools
朝阳39
3777 0
霍格沃兹测试开发muller老师
|
Web App开发 JSON 前端开发
网络调试利器：Chrome Network工具的详细指南
Chrome开发者工具的Network面板是测试工程师的利器，用于监视HTTP请求、响应及资源加载。打开它可通过右键点击页面选择“检查”或使用快捷键。界面包含请求列表和详细信息，如Headers、Preview、Response、Timing。过滤器帮助定位特定请求，而瀑布流图展示加载顺序。模拟网络环境和保存HAR文件功能便于性能分析和问题排查。
霍格沃兹测试开发muller老师
1065 0
极客小俊
|
Web App开发 前端开发 JavaScript
前端必备技能---今天教会你如何高效使用Chrome调试与检测你的CSS代码
教会你如何高效使用Chrome调试与检测你的CSS代码
极客小俊
1157 0
前端必备技能---今天教会你如何高效使用Chrome调试与检测你的CSS代码

热门文章

最新文章

  • 1
    解决Chrome插件安装时出现的“程序包无效”问题
  • 2
    什么？你竟然还没有用这几个chrome插件？
  • 3
    Chrome浏览器必装的扩展工具
  • 4
    Chrome 技术篇-常用web调试技巧清除缓存并硬性重新加载
  • 5
    去掉chrome浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小
  • 6
    Chrome中的开发者插件
  • 7
    刚看到：Chrome 首次超越IE，成为全球第一大网页浏览器
  • 8
    谷歌奖励Chrome漏洞报告者1.4万美元
  • 9
    谷歌宣布Chrome浏览器装机量超过20亿人
  • 10
    Chrome 扩展插件开发
  • 1
    Chrome 下载大文件报错！用 Streamsaver.js 完美填坑
    4484
  • 2
    产品发布策略：如何让Chrome插件在竞争激烈的市场中脱颖而出
    320
  • 3
    开发实战：从0到1实现Chrome元素截图插件的完整过程
    722
  • 4
    从痛点到解决方案：为什么我开发了Chrome元素截图插件
    341
  • 5
    快速搞定Dify+Chrome MCP：打造能操作网页的AI助手
    1685
  • 6
    Win10 Chrome认不出新Emoji？两个扩展搞定显示与输入
    1116
  • 7
    快速掌握Dify+Chrome MCP：打造网页操控AI助手
    1372
  • 8
    快速搞定Dify+Chrome MCP：打造能操作网页的AI助手
    1573
  • 9
    基于PyCharm与Mac系统的Chrome历史记录清理工具开发实战
    470
  • 10
    Python + Chrome 爬虫：如何抓取 AJAX 动态加载数据？
    628

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云重磅新品：Agent安全中心，全新安全框架下AI Agent一体化防御平台