开发者社区云计算文章正文

chrome14-使用snippets辅助debugging

2022-08-04 69

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： chrome14-使用snippets辅助debugging

前端歌谣

jerrywangsap

7月前

jerrywangsap

44 0 0

重阳微噪1

9月前

Web App开发 JavaScript 前端开发

两个相见恨晚的 Chrome devtool 开发技巧（二）

前言上篇文章介绍了源代码面板中的 workspaces 功能，可以让我们“面向浏览器编程”，在浏览器中实时的修改样式和html。自动热更新到文件中进行修改，大大简化了我们的开发流程，今天讲讲控制台面板以及一部分的源代码面板的内容，绝对干货满满。

重阳微噪1

135 0 0

重阳微噪1

9月前

Web App开发前端开发

两个相见恨晚的 Chrome devtool 开发技巧（一）(1)

前言前段时间给公司分享前端技术，因为部门中不光是前端，还有后端、数据。所以选择了分享浏览器相关的，这个不光前端每天在用，研发人员日常也都离不开使用浏览器。在准备过程中，学习到了两个让我很惊喜的开发技巧，顿感多年前端白干，相见恨晚，今天先分享浏览器的 workspaces 功能，完成一个面向浏览器编程，无限修改浏览器中的样式，即可修改本地代码中样式的功能

重阳微噪1

75 0 0

重阳微噪1

9月前

Web App开发缓存前端开发

两个相见恨晚的 Chrome devtool 开发技巧（一）(2)

这时，我们再去元素审查，修改样式代码，发现样式改了，浏览器文件系统中的样式代码改了，编辑器中的样式代码也改了，我们的需求到现在基本完成了，但是如果再次修改，我们会发现右下角的文件系统里的样式文件出现了问号，说明现在是socket不通的状态，并且编辑器中的代码是没有再次进行更改的。其实这个问题是浏览器本身不支持这样多次更改，产生 css 缓存后，就不再进行热更新了，禁掉缓存后也没有用，但是我们尝试每次修改后，强制刷新页面，在进行修改，发现是可以保证每次修改都生效的。

重阳微噪1

66 0 0

HoMeTown

Web App开发 SQL JavaScript

【性能】7分钟带你了解【尤大】都在使用的 Chrome Runtime Performance Debug！

前段时间用Vue3开发了一个线上标准的项目，也都已经提测了，最近可以抽时间来整理一下项目中用到的技术栈，（我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】。在开发之前特地重温了一下18年尤大的VUE CONF（杭州），过程中发现尤大使用到了这个Performance去分析JavaScript每一帧的计算，之前知道这个工具，但是平时基本不怎么用，借此机会学一下并做一些记录。

HoMeTown

175 0 0

运营研究坊

Web App开发移动开发前端开发

使用Svelte开发Chrome Extension

起因最近Chrome浏览器升级到96大版本后，二维码入口从地址栏移动至二级菜单。这对H5前端开发来说不太友好，每次需要页面二维码时都需要多点两下(*￣︿￣)。因此萌生了开发一个二维码Chrome Extension的想法(＠￣ー￣＠)。经过多方技术选型（React、原生、Vue、Svelte等），最终选择Svelte，原因是语法简单，心智负担小,运行时代码少，打包体积小

运营研究坊

210 0 0

cejze5tbulhvo

JavaScript Python

Appium问题解决方案（2）- AttributeError：module 'appium.webdriver' has no attribute 'Remote'

cejze5tbulhvo

365 0 0