推荐最新

chrome devtools 中 network 标签，开启 preserve log，查看历史页面发起请求的 response 是无法查看，是为什么。怎么能查看历史的 response？

chrome devtools 中 network 标签，开启 preserve log，查看历史页面发起请求的 response 是无法查看，是为什么。怎么能查看历史的 response？ "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/1fe0afa4c11d8ef5cfd55a3789dc5bc9.png) 跳转页面之后 response 就无法查看了，怎么能继续查看

浏览量203

疯狂的搬运工

如何通过chrome控制台查找网页占用CPU过高的原因?

我手里有一个nuxt3写的前端项目,跑起来之后,在网页停留一段时间以后,页面卡顿, 使用chrome的"性能监视器"查看CPU使用过高, 使用chrome的"回收垃圾"强制回收之后,发现js堆迅速又提高了, 请问如何通过chrome查找到网页CPU占用过高的根本原因

浏览量195

大厂球袋

Chrome Devtools开发者工具如何保存Websocket连接的所有 message？

ws 的连接只能单条 copy，不能 copy all，很不方便。实际开发中，需要过滤数据，查找有效的目标数据。或者能不能通过 apifox、抓包等方式，把这些 message 保存下来呢？

浏览量186

饼干爱折腾

如何优化 Vue 应用以防止刷新页面时内存不断增长？

vue刷新页面内存会增长，内存泄漏问题问题1.每次刷新页面会造成内存泄漏，不做任何操作光刷新也会有内存增长，如果做了一些操作再刷新可能会长得比较厉害。通过使用浏览器开发者排查,发现会增长很多字符串(string)和编译代码(compiled code)还有一些游离节点吧。 https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/56ee9295e1e760188ca98855877a5b47.png https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/f7ec8f839f2cbfc66541f71775051ba8.png 问题2. 为什么我用到的字符串显示的路径是依赖包里面的路径啊？比如下图： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/f0c92ff06f7a154964d2f590a2624441.png) 已经把定时器和组件销毁了,监听了一个刷新事件,每次刷新时在app.js调用this.destory()。定时器使用完也都归还。闭包用到的比较少

浏览量128

正确计算方式

浏览器插件开发中如何固定 popup 页面对应的控制台?

https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240920/17b4eb39d8b7ad33021649745496a28c.png 上面展示的是 edge 浏览器插件 popup 页面对应的控制台,这个控制台和主页面的控制台是分离的,虽然是有停靠位置的设置,但是这个设置是无效的。这就导致点击一下 popup 页面,这个控制台就隐藏到后台,要看控制台输出时,需要重新展开控制台,怎么让这个控制台不自动隐藏?

浏览量119

我只爱钱

Edge DevTools 中这些tab的图标怎么去掉？

Edge DevTools 中这些tab的图标怎么去掉？ "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241201/7dd805bd8ec34386167efc66bf614b38.png)

浏览量16

三千米的偷感

webpack 打包的项目在正式环境的 debugger 中，不能正确断点，不能操作断点中的变量？

公司项目不方便截图， PS: 用的是浏览器的 breakpoints 不是 debugger 1.断点 index.js 行 33，实际执行的时候断点显示在 index.js 行 99 2.断点 fn 的 if(state), 返回的 Scope 都是混淆后的 e 和实际看到的对不上 3.断点 fn 的 if(state), 返回的 Scope 能看到，到 Console 里面输出显示 state is not defined 感觉像是 webpack 打包的问题， 1,2 是不是 hashname 或者 hash 的混淆级别的问题，还勉强能用 3 的话我真的没有一点思路，线上调试是一点也用不了

浏览量19

一只tomatoo

pyppeteer无头模式截图未渲染完成？

"http://m.chinajd995.com:8080/" (https://link.segmentfault.com/?enc=wtcOf%2F9tQToQ65nUHV7bIA%3D%3D.Qugix2btdyNzq%2FhKNNGt4JFcphrhZIuhGWpW5sJSz%2BE%3D) 以上类似站点去pyppeteer访问会出现页面未加载完成就截图了，导致截图空白 page = await self.browser.newPage() await page.evaluateOnNewDocument('() =>{ Object.defineProperties(navigator,' '{ webdriver:{ get: () => false } }) }') # 本页刷新后值不变 try: await page.setUserAgent(UserAgent().random) await page.goto(url) await page.screenshot({'path': path}) time.sleep(0.5) # 防止报错 await page.close() except: pass 预想效果 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241117/f1a5432c381e542bc9898feec996c61c.png) 实际效果 "whois_home.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241117/5f77fd523bbb4e4913ee74dc19f70dca.png) 经过测试await asyncio.sleep(10) # 增加等待时间，等待页面加载完成可行有效，但是由于多个网站都需要这样操作该如何减少他的等待时间呢，而不是写死时间

浏览量19

PX_13

请问如何在 manifest version3 中正确的通过 css 调用图片？

我在开发一个 chrome 的插件，现在遇到的问题是无法在 css 文件中调用图片文件，目录结构如下 /project-root │ ├── manifest.json ├── css │ └── style.css ├── images │ ├── icon-48.png │ ├── icon-32.jpg │ └── icon-16.png └── scripts └── content.js 在 manifest.json 文件中已经通过 web_accessible_resources 将对应图片引入 "web_accessible_resources": [ { "resources": [ "/images/*" ], "matches": [ "" ] } ], "content_scripts": [ { "matches": [ "" ], "js": [ "scripts/content.js" ], "css": [ "css/style.css" ] } ], 在 style.css 中 .text-icon { background-image: url('../images/icon-48.png'); background-size: cover; width: 20px; height: 20px; } 始终无法将图片载入。我尝试过多个方法 * 绝对路径，相对路径，都无法载入图片 * 我尝试用const imageUrl = chrome.runtime.getURL('images/icon-48.png'); console.log('Image URL:', imageUrl); icon.style.backgroundImage = "url(${imageUrl})"; 但得到的图片路径转字符了得到的结果是 "background-image: url("chrome-extension://adfdaksfdafdk/images/icon-48.png");" 上引号变成了 """ 这样的字符。请问在 manifest version3 中正确的调用图片是该怎么操作呢？

浏览量17

代码日记

如何在 Chrome DevTools 中模拟 10 倍性能降低?

"chrome devtools" 有没有能降低 "performance" "10x slowdown" 的选项或者工具? 在 "devtools" 只看到了 "4x" "6x" 的选项 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/bad2bcfbba950e75f179bf3981b83c8c.png) 因为业务中有一台性能很差的机器终端,需要模拟 "10x slowdown"的

浏览量18