MacOS 如何调试 Chromium 代码

最近在开发过程中,发现有一个bug只在MacOS上出现。没办法了,看看如何在 MacOS 上调试 Chromium 代码。

简单在本文章记录下过程。

info: 请确定您的 MacOS 上的 Chromium 项目编译环境和依赖都正确。可以正常编译Chromium。

使用 GN 工具生成 Xcode 的工程文件

  1. 在 Chromium 项目中使用下面的命令生成 Xcode 的工程文件。
# 在./out/debug 路径生成文件
gn args --xcode-build-system=new --ide=xcode ./out/debug

1713071633431.png1713071633431.png

EXSI 虚拟机直连USB证书/令牌

最近入手了个Gen10 plus寻思安个Exsi来用。因为性能够(我入手的是个高配),准备分出一个虚拟机来进行软件打包。

因为打包时候需要进行代码签名,而且证书是存在USB令牌里的。所以得让它直通虚拟机,这样驱动才可以正常识别。

但是,直接在设置中添加,启动系统后总是莫名奇妙的消失。

下面是解决方案,记录一下,以防忘记。


GN报UnicodeEncodeError错误

前两天在编译Chromium的时候,发现Gn报编码错误,具体错误如下

UnicodeEncodeError: 'gbk' codec can't encode character '\u03a2' in position 4406: illegal multibyte sequence

一个很奇怪的编码错误一个很奇怪的编码错误


然后尝试搜索这问题,有博主给出的解决方案是,在py写入文件哪一步指定编码为UTF-8,但测试后发现Gn过去了,但是后续编译仍然会报错。所以这个方案pass


好吧,自己来吧

查看报错的文件,提示返回的字符编码有问题,那追下他返回的是啥。

基于mpvue+Vant+npm快速构建微信小程序

最近要快速开发个小程序,心想着要是按微信推荐那样开发得累死,所以研究了下如何使用mpvue+Vant+npm快速构建微信小程序。


基础架子

项目地址:mpvue.com

首先用mpvue来拉一个基础的架子,这样方便我们后续集成一些其他的东西。

#安装vue-cli,有可以跳过
npm install -g vue-cli@2.9

#使用vue-cli创建mpvue项目
vue init mpvue/mpvue-quickstart 你的项目名

#安装依赖啥的
cd 你的项目目录
yran
yarn dev
Error:注意:
受微信动态增删改查 wxml 节点信息限制,某些VUE组件用不了。详细可看官方说明~

集成npm

首先在你的项目目录下,新建lib目录,用处存放第三方npm包。

真机调试下,小程序Canvas无法绘制

我在真机调试下,调试小程序Canvas,一直无法绘制,我以为是Echarts不兼容导致的。

实际上,这TMD的是微信开发者工具的问题,真机和模拟器都没问题。

微信小程序,任何涉及到原生组件的调试一定要在真机上调试!Android和IOS都试一遍,不然就是大坑!!!