Chrome扩展开发：能否修改Google Docs默认占位符？

核心结论 #

可以修改，但因Google Docs的Canvas渲染机制，直接操作DOM无法实现，需要针对性的技术方案。

1. Content-script的可行性分析 #

Content-script可以介入Google Docs页面，但默认占位符是通过Canvas绘制的，不存在于常规DOM树中——这就是你用MutationObserver找不到对应HTML元素的原因。常规的DOM操作（比如修改input/textarea的placeholder属性）完全不适用这里。

2. Canvas内占位符的修改思路 #

要修改Canvas里的占位符，需要拦截Google Docs的内部渲染逻辑：

• 注入代码覆盖内部绘制函数：通过content-script向页面注入脚本，找到Google Docs负责绘制空白文档占位符的渲染函数，替换其中的文本内容。比如定位到处理"Start writing..."这类文本的函数，修改其输出的字符串。
• 监听Canvas绘制事件：拦截Canvas的fillText或strokeText方法，当检测到绘制默认占位符文本时，替换成自定义内容。

注意：这种方法依赖Google Docs的内部实现，属于逆向工程范畴，Google更新页面逻辑后可能会失效，需要持续适配。

3. 更稳定的替代方案 #

如果不想依赖内部API，可通过叠加自定义HTML元素实现伪占位符：

• 在content-script中，判断当前为空白Docs页面时，插入一个绝对定位的<div>，设置自定义占位符文本，样式对齐默认占位符的位置、字体、颜色。
• 监听文档的输入事件（比如通过document.addEventListener('input', ...)），当用户开始输入内容时，隐藏这个自定义div。

内容的提问来源于stack exchange，提问作者Devzhen