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

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

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

1. 在 Chromium 项目中使用下面的命令生成 Xcode 的工程文件。

# 在./out/debug 路径生成文件
gn args --xcode-build-system=new --ide=xcode ./out/debug

1713071633431.png

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

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

一个很奇怪的编码错误

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

好吧，自己来吧

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

最近在写一个活动小程序，其中有一个抽奖组件，测试的时候发现Canvas在Ios下的渲染问题。

如果用户使用苹果设备，按住Canvas绘制区域时滑动页面，会导致页面卡死，只有重启小程序才能恢复。

但是Android用户却没有任何问题。

初步排查

初步排查怀疑是Canvas这种原生组件在绘制的时候出现了问题导致的。

但是查询微信官方文档论坛，发现有人遇到了同样的问题。

原生组件渲染问题的官方回复，后续版本修复

但是这篇提问是在19年5月份发的，微信官方就是10月实现了原生组件同层渲染，来解决这个问题。我检查了下基础库版本，是2.21.2，远超过要求。

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

基础架子

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

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

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

#安装依赖啥的
cd 你的项目目录
yran
yarn dev

集成npm

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

Electron 其实提供的跨平台的通用开机自启动支持。

但是因为Windows系统的限制，如果您的Electron在运行时要使用管理员权限的话，这样设置的自启动会失效。

目前解决方法有两种，一种是服务，另一种是写注册表启动项

服务的方案，优点就是，在启动的时候不会弹出UAC，缺点是，需要额外的精力来维护这个服务支持组件。

所以，个人比较推荐使用写注册表的方式

缺点就是开机会弹UAC~ 不过无伤大雅

let cp = require('child_process');
// 获取可执行文件位置
const ex=process.execPath;

// 定义事件，渲染进程中直接使用

// 开启 开机自启动
ipcMain.on('openAutoStart',()=>{
    console.log('updateExe',ex)
        // 注释的是electron官方提供的自启方法
        // app.setLoginItemSettings({
        //     openAtLogin: true,//是否自启
        //     openAsHidden:false,//启动后是否显示窗体
        //     path: ex,//启动路径
        //     args: [] //启动时的参数
        // });
        cp.exec(`REG ADD HKLM\\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Run /v 软件名 /t REG_SZ /d "${ex}" /f`,function(err){
            console.log(err);
        });
});
// 关闭 开机自启动
ipcMain.on('closeAutoStart',()=>{
        // 注释的是electron官方提供的自启方法
        // app.setLoginItemSettings({
        //     openAtLogin: false,//是否自启
        //     openAsHidden:false,//启动后是否显示窗体
        //     path: ex,//启动路径
        //     args: [] //启动时的参数
        // });
        cp.exec("REG DELETE HKLM\\Software\\Microsoft\\Windows\\CurrentVersion\\Run /v 软件名 /f",function(err){
            console.log(err);
        });
})

//检查注册表项是否存在
ipcMain.handle('checkAutoStart',async ()=>{
    return await new Promise((resolve, reject)=>{
        cp.exec("REG QUERY HKLM\\Software\\Microsoft\\Windows\\CurrentVersion\\Run /v 软件名",function(err,stdout,stderr){
            resolve(stdout);
            console.log(stderr);
            console.log(err);
        });
    })
})