首页 > 其他分享 >chrome devtool 开发者工具 控制台历史、断点历史 导出

chrome devtool 开发者工具 控制台历史、断点历史 导出

时间:2024-03-13 12:44:20浏览次数:23  
标签:const 键名 chrome devtool localStorage key localStorageObject 断点

let localStorageObject = {}; // 创建一个空对象

for (let i = 0; i < localStorage.length; i++) {
    const key = localStorage.key(i); // 获取第 i 个项的键名
    const value = localStorage.getItem(key); // 根据键名获取对应的值
    localStorageObject[key] = value; // 将键值对添加到对象中
}

copy(localStorageObject);

 

previouslyViewedFiles
sourcesSearchConfig
xhrBreakpoints
breakpointConditionHistory
consolePins
domBreakpoints
experiments
searchAsYouType
watchExpressions
breakpoints
networkSearchConfig
locallnspectorVersion
consoleHistory

标签:const,键名,chrome,devtool,localStorage,key,localStorageObject,断点
From: https://www.cnblogs.com/hhdom/p/18070370

相关文章

  • chrome谷歌浏览器安装vue插件
    5.1https://chrome.zzzmh.cn/搜索vue下载Vue.jsDevtools(本人使用推荐下载)【网址极简插件】5.2下载解压得到chrome.zzzmh.cn.crx的文件5.3打开谷歌浏览器右上角三个点-更多工具-扩展程序--打开右上角的开发者模式按钮5.4将5.2的解压文件拖进来安装,安装好了以后......
  • phpstudy(phpfpm)+php8+debug3+vscode && php-cli的debug打断点调试安装
    一:安装phpstudy1.phpstudy官网 https://www.xp.cn/2.安装php8版本    1)软件管理里下载         php8.2.9nts设置       2)官网下载:    ①如果要8.1版本,请自己到官网下载(https://windows.php.net/download/),安......
  • 在Chrome添加vue插件
    1.首先打开Chrome的开发者模式:(1)点击浏览器的"设置",再点击"扩展程序”:(2)或者直接点击浏览器右上角的扩展程序:打开右上角的“开发者模式”:2.在github下载vue插件,点击进入下载地址:https://github.com/vuejs/devtools3.依次点击下载:按需要浏览器(Chrome)下载:4.点击添加到......
  • chrome 最新版本自带英语实时字幕了.
    以后有ai的加持,学英语越来越简单了.以后小孩学习外语绝对是easygameok,开始效果展示.我的系统是win10.打开chrome之后随便打开一个视频,比如b站的学英语视频.然后浏览器右上角的多媒体图标会有内容显示.最下面就是实时字母按钮,打开后会自动安装,然后就会出现字幕了.......
  • Java实现文件断点续传
    文件断点续传代码importjava.io.File;importjava.io.FileNotFoundException;importjava.io.IOException;importjava.io.InputStream;importjava.io.RandomAccessFile;importjava.net.HttpURLConnection;importjava.net.MalformedURLException;importjava.net.URL;......
  • Vue调试神器vue-devtools配置 / 解决提示 Download the Vue Devtools extension for a
    访问Vue页面,控制台提示:    ......
  • ChromeOptions 参数介绍
    在使用selenium浏览器渲染技术,爬取网站信息时,默认情况下就是一个普通的纯净的chrome浏览器,而我们平时在使用浏览器时,经常就添加一些插件,扩展,代理之类的应用。相对应的,当我们用chrome浏览器爬取网站时,可能需要对这个chrome做一些特殊的配置,以满足爬虫的行为。1.chromeOptions......
  • 网页浏览器Chrome开发者调试工具-Application(应用程序)
    前言全局说明网页浏览器Chrome开发者调试工具-Application(应用程序)一、网页浏览器Chrome开发者调试工具-Application(应用程序)Application:应用面板,用于记录网站加载的所有资源信息,如存储、缓存、字体、图片等,同时也可以对一些资源进行修改和删除。二、关闭标签页......
  • 网页浏览器Chrome开发者调试工具-Network(网络)
    前言全局说明网页浏览器Chrome开发者调试工具-Network(网络)一、网页浏览器Chrome开发者调试工具-Network(网络)网络标签页是对网页请求过程的监视,这里可以看到网页链接发送了什么请求,接收到了什么内容。都可以直观的看到二、关闭标签页在标签页上右键,可以选择移除或移......
  • 网页浏览器Chrome开发者调试工具-Performance(性能)
    前言全局说明网页浏览器Chrome开发者调试工具-Performance(性能)一、网页浏览器Chrome开发者调试工具-Performance(性能)用于记录和分析页面在运行时的所有活动,比如CPU占用情况、呈现页面的性能分析二、关闭标签页在标签页上右键,可以选择移除或移动到快速视图栏免责......