chrome调试笔记

调试

断点

  • Sources页面打开

  • Sources页面按f8暂停页面, 在此之后

配置与缓存

允许跨域

  • linux(TODO)
--allow-file-access-from-files
  • windows
--disable-web-security --user-data-dir=新的用户数据文件

用户数据地址

  • linux: .config/google-chrome.config/chromium

关闭无法更新的弹窗

  • windows
--disable-background-networking

插件

安装

手动安装

  • 直接安装crx需要开发者模式

  • 直接安装解压后的目录, 安装后不能修改目录中的文件

插件位置

  • Ubuntu:~/.config/google-chrome/Default/Extensions, ~/snap/chromium/common/chromium/Default/Extensions/

  • WindowsC:/Users/$Administrator/Appdata/Local/Google/Chrome/UserData/Default/Extensions

  • MacOSX:./Users/$Administrator/Library/Application Support/Chrome/Default/Extensions

    不确定

从qq浏览器转移插件

qq浏览器插件位置
  • WindowsC:/Users/$Administrator/Appdata/Local/Tencent/QQBrowser/User Data/Default/Extensions

  • MacOSX:./Users/$Administrator/Library/Application Support/QQBrowser2/Default/Extensions

从商店获取crx文件

TODO

如何编写(TODO)

概览

参考: cnblogs

PPAPI

参考: cnblogs

  • 10
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在Vue中实现PC端分辨率适配笔记本可以通过以下步骤完成: 1. 使用Vue CLI创建一个新的项目,并安装相关的依赖包。确保已经安装了vue-router和vuex等常用的插件。 2. 创建一个全局的样式文件,命名为global.css,并将其引入到主入口文件(main.js)中。在global.css中可以设置一些全局的样式,例如body的字体大小、页面的最小宽度等。 3. 在main.js中,监听浏览器窗口的resize事件,通过document.documentElement.clientWidth获取窗口的宽度,并将其存储到Vuex中。同时,在钩子函数中也要初始化一次,以适配刷新页面等情况。 4. 在需要适配的组件中,引入Vuex,并从Vuex中获取窗口宽度的数据。根据窗口的宽度,设置组件内部元素的样式,例如设置容器的宽度为窗口宽度的80%,居中显示等。可以使用计算属性来动态调整样式。 5. 使用@media媒体查询,在全局样式文件global.css中根据窗口的宽度设置一些响应式的样式。例如,当窗口宽度小于768px时,可以将某个容器的宽度设置为100%等。 6. 在开发过程中,可以使用Chrome浏览器的开发者工具进行调试,通过模拟不同的设备和分辨率,实时查看适配效果。 总之,通过监听窗口宽度的变化,动态设置组件样式和使用@media媒体查询,可以实现Vue PC端分辨率的适配。这种方法能够根据不同设备的分辨率来自适应地调整样式,提高应用的兼容性和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值