Google Apps Script Web应用favicon无法加载且报CORB错误如何解决

问题原因 #

你当前使用的Google Drive文件链接是预览页面地址，不是图片的直接访问链接，CORB错误也是因为链接返回的是HTML预览页而非图片资源，浏览器无法识别为favicon资源。

修复步骤 #

1. 先调整Drive中favicon图片的权限：打开文件分享设置，将访问权限改为「所有获得链接的用户均可查看」，避免权限拦截。
2. 将原有预览链接转换为图片直链：
   原有链接中的文件ID为 1LbW6xr-vKAD-pkZkvJP_Z-Cf7ezh9vVJ，直链格式为 https://drive.google.com/uc?export=download&id=替换为你的文件ID，替换后你的图片直链为：
   https://drive.google.com/uc?export=download&id=1LbW6xr-vKAD-pkZkvJP_Z-Cf7ezh9vVJ
3. 替换doGet函数中setFaviconUrl的参数即可。

修正后的代码示例 #

function doGet(e){
  var htmlServ = HtmlService.createTemplateFromFile("index");
  return htmlServ.evaluate()
            .setFaviconUrl('https://drive.google.com/uc?export=download&id=1LbW6xr-vKAD-pkZkvJP_Z-Cf7ezh9vVJ')
            .setTitle('CLR: PACKING')
            .addMetaTag("viewport", "width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0")
            .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

备选方案 #

如果使用setFaviconUrl仍有问题，可直接在HTML的<head>标签内手动添加favicon声明：

<link rel="icon" type="image/png" href="https://drive.google.com/uc?export=download&id=1LbW6xr-vKAD-pkZkvJP_Z-Cf7ezh9vVJ">

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