首页 > 编程知识 正文

f12开发者工具调试打不开,f12开发者工具详解

时间:2023-05-06 09:50:40 阅读:56535 作者:2804

用手机调试网页真的很麻烦。 特别是在iOS系统中,需要苹果电脑。 苹果的系统也必须安装。 真的很难。

还好现在有js模拟的F12开发人员工具。 虽然不能和Chrome相比,但普通调试使用也足够了。 前端福音

介绍

Eruda是一个专用于web前端的调试面板,类似于小型版本的DevTools,用于捕获控制台日志、检查元素状态、显示性能指标、捕获XHR请求、本地存储和cookie信息

功能列表

拖动按钮以设置面板透明度的大小。

控制台面板:捕获控制台日志并支持日志、错误、info、warn、dir、时间/时间结束、清除、计数、资产和表; %c支持包含自定义样式输出的占位符。 支持按日志类型和正则表达式过滤; 支持使用快捷方式命令加载underscore、jQuery库; 支持JavaScript脚本的执行。

Elements面板:显示标签内容和属性; 显示应用于Dom的样式; 支持页面元素高亮显示; 支持直接点击屏幕进行选择; 查看绑定到Dom的各种事件。

网络面板:图表显示页面加载速度; 显示页面上的每个资源请求时间(Android; 捕获XHR请求并显示发送数据、回复标头、回复内容等信息。

资源面板:显示并清除本地存储、会话存储和cookie; 查看页面加载脚本和样式文件; 显示页面的加载图像。

源面板:检查

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。