• 2024-04-01chrome占用高cpu的原因 排查大致思路
    设置-更多工具-任务管理器发现是某个b站标签页占用高然后到这个标签页f12开启devtool到performance录制性能分析几秒然后就会发现是https://s1.hdslb.com/bfs/static/pcdn-seeder/reward-seeder-1.2.0.min.js 如果不是某个标签页cpu占用高,而是比如说主进程,devtool就不能
  • 2024-03-13chrome devtool 开发者工具 控制台历史、断点历史 导出
    letlocalStorageObject={};//创建一个空对象for(leti=0;i<localStorage.length;i++){  constkey=localStorage.key(i);//获取第i个项的键名  constvalue=localStorage.getItem(key);//根据键名获取对应的值  localStorageObject[key]=va
  • 2024-02-21linux安装weblogic(静默安装)
    1.下载1.1下载jdk及weblogic安装包1.1.1配置jdk1.将下载的jdk解压到安装目录tar-zxvfjdk.tar2.添加环境变量vim/etc/profile#改为自己的jdk路径exportJAVA_HOME="/xx/xx/java/java1.8"exportPATH=$PATH:$JAVA_HOME/bin​保存刷新source/etc/profile验证java-ver
  • 2024-02-21disable-devtool 禁用 web开发者工具 禁用 f12 功能等
    disable-devtool可以禁用所有一切可以进入开发者工具的方法,防止通过开发者工具进行的‘代码搬运’。该库有以下特性:1、支持可配置是否禁用右键菜单2、禁用f12和ctrl+shift+i快捷键3、支持识别从浏览器菜单栏打开开发者工具并关闭当前页面4、开发者可以绕过禁用(url参数
  • 2023-11-10vue-cli-service vue.config.js配置 productionSourceMap与webpack中的devtool 关联详细解释
    https://webpack.js.org/configuration/devtool/https://cli.vuejs.org/zh/config/#productionsourcemap https://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/config/prod.js#L7 可以在源码中看到if(pro
  • 2023-11-07chrome devtool调试中的this指向问题?
    在Chrome开发者工具调试中,`this`的指向可能会有一些问题,特别是在使用箭头函数时。箭头函数的特性之一是它们不会绑定自己的`this`值,而是继承父级作用域的`this`值。这意味着在箭头函数中,`this`实际上是取决于其定义时的上下文,而不是调用箭头函数时的上下文。然而,在Chrom
  • 2023-11-07vue3 devtool
    打开控制台,输入下面代码:varvue=app.__vue_app__consthook=window['__VUE_DEVTOOLS_GLOBAL_HOOK__']hook.emit('app:init',vue,vue.version,{Fragment:'Fragment',Text:'Text',Comment:'Comment',
  • 2023-10-27逆向通达信Level-2 续七 (调试WebView)
    通过窗口找WebView,打开DevTool调试 在WebView hack入控制台。那个,我已经打开了DevTool,算了。 通过pad面板找WebView。 
  • 2023-09-19HBuilder打包vue2.0项目生成的APK空白(已解决)
    1、config下面的index.js中bulid模块导出的路径,因为index.html里边的内容都是通过script标签引入的,而路径不对,打开肯定是空白的。先看一下默认的路径。build:{//Templateforindex.html//Paths需要修改的是这里的路径index:path.resolve(__dirname,'..
  • 2023-08-29chrome devTool 有什么使用技巧么?
    mark一下:ChromeDevTools:10UsefulTips&TricksChromeDevTools-20+TipsandTricks
  • 2023-05-29线上环境如何开启vue devtool
    varVue,walker,node;walker=document.createTreeWalker(document.body,1);while((node=walker.nextNode())){if(node.__vue__){Vue=node.__vue__.$options._base;if(!Vue.config.devtools){Vue.config.devtools=true;if(windo
  • 2023-05-13解决vue.js出现Vue.js not detected错误
    VUEvue-devtools安装成功,但是图标为灰色,且控制台无vue选项的解决办法今天在学习VUE的过程中,安装了vue-devtools工具,但是发现图标一直是灰色,解决后,记录一下解决办法:1.查看拓展程序打开开发者模式和插件,如图所示两个开关,具体操作为:点击浏览器右上角三个点→更多工具→扩展工具
  • 2023-04-16vue-devtool
    vue-devtool是使用vue必不可少的一个工具,他可以让你在开发vue项目的时候,实时展示页面上的变量。1、下载到github下载:https://github.com/vuejs/devtools可使用git或者直接下载zip包安装依赖,最好使用yarn,因为该项目使用yarn这一步会比较久,需要耐心等待,预计等待10分钟到1个
  • 2023-04-10Webpack中手动实现Loader与Plugin
    Loaderloader是一个转换器,用于对源代码进行转换。工作流程webpack.config.js里配置了一个模块的Loader;2.遇到相应模块文件时,触发了该模块的loader;3.loader接受了一个表示该模块文件内容的source;4.loader使用webapck提供的一系列api对source进行转换,
  • 2023-03-05Chrome Firefox, devtool的elements的box model,有些区别
        同样的codepen网页,一个heightwidth都是0一个就不是 
  • 2022-12-06浏览器调试工具devtool
    视频网址  先打开devtool,再打开命令菜单。可以用screenshot来截屏  $0:先在element点击元素,再在控制台输入$0,这个$0代表element中选中的DOM元素。$1,$2...有类型
  • 2022-11-28Mac 添加vue-devtool
    在安装vue-devtools时,npminstall时总是报错,各种方法都试了,都是不成功,最后在网上找到了这种方法成功了,记录下来。第一步:创建一个新的空文件夹,最好可以见名知意,进入文件内
  • 2022-11-22devtool.py
    一个web后端项目的开发环境便捷脚本:#!/usr/bin/envpythonimportsubprocessimportsysfrompathlibimportPathfromtypingimportList,Tupledefget_part(s:str)->s
  • 2022-11-17vue 项目源码映射失败问题解决
    目录vue项目源码映射失败问题解决前言解决方案效果参考vue项目源码映射失败问题解决前言不知何时起,项目控制台调试进入源代码变成编译后的文件了,调试起来十分不便,强迫
  • 2022-11-10在PetaLinux工程中调试关键模块代码
    在PetaLinux工程中,与单板相关的UBoot、Linux等模块,经常需要编辑、调试。在旧版本中,可以为UBoot、Linux选择“ext-local-src”,指定UBoot、Linux的代码,从而使PetaLinux使
  • 2022-11-04在PetaLinux工程中导出所有关键模块代码
    PetaLinux工程会自动下载代码并编译。很多时候,工程师需要修改代码,加入调试信息。使用下列脚本,可以一次性导出所有关键模块的代码。脚本中,为了保持兼容性,导出了MPSoC和Vers
  • 2022-10-12[转] webpack devtool 配置之 Source Map
    可以参考: https://www.cnblogs.com/vigourice/p/16188899.htmlmodule.exports={mode:'development',devtool:'nosources-source-map',    
  • 2022-09-22webpack5 与webpack4 之间差别
    1.terserPluginwebpack4上需要下载安装terser-webpack-plugin插件,并且需要配置,webpack5上生产模式下默认开启压缩,开发环境也可以按如下配置//webpack.config.js中o
  • 2022-09-04Source Map
    1.什么是SourceMapSourceMap就是一个信息文件,里面储存着位置信息。也就是说SourceMap文件中存储着压缩混淆后的代码,所对应的转换前的位置。有了它,出错的时候,除错
  • 2022-08-22浏览器 devtool 网络筛选不生效
    有时在使用浏览器的devtool(中文名叫:开发者工具)时会发现,搜索框不生效其实只需要我们把搜索框旁边的invert选项框取消勾选,这样就能正常筛选请求了