如何查找Google Forms的form和action信息以实现自定义及相关问题排查

我经常碰到开发者问Google Forms自定义的问题，其实核心就是找到表单的form标签和action属性——这俩是把自定义表单数据提交到Google后台的关键。我一步步给你讲清楚，包括解决你现在遇到的Chrome检查器找不到action的问题。

通用步骤：查找Google Forms的form和action详情 #

• 首先打开你的Google Form，点击右上角的预览按钮（那个眼睛图标），进入普通用户填写的页面——别在编辑页面找，编辑页的DOM是后台管理用的，不是前端提交表单的结构。
• 按下F12打开Chrome开发者工具，切换到Elements面板。
• 用快捷键Ctrl+F（Windows/Linux）或Cmd+F（Mac）搜索<form>，快速定位到表单标签。
• 找到form标签后，就能看到它的action属性值，这个就是表单提交的目标URL，复制下来就能用到你的自定义表单里了。

解决你遇到的问题：找不到可复制的action内容 #

很多人会碰到这个情况，因为现在Google Forms用了动态DOM渲染，直接在Elements面板里可能看不到完整的form结构或者action被动态生成了。试试这几个靠谱的办法：

• 通过Network面板抓提交请求：
  1. 保持开发者工具打开，切换到Network面板，勾选顶部的Preserve log（保留日志），避免提交后日志被清空。
  2. 在预览的表单里随便填点测试内容，点击提交按钮。
  3. 在Network面板的请求列表里，找一个开头是formResponse的POST请求，点击它。
  4. 切换到Headers标签，找到Request URL——这个就是完整的action URL，直接复制就行。
• 用控制台直接提取：
  不想抓请求的话，直接切换到Console面板，输入这段代码：

  document.querySelector('form').action
  

  回车后控制台会输出完整的action URL，复制这个结果就好。
• 额外提示：字段name的对应要求
  自定义表单的时候，输入字段的name属性必须和原Google Form的字段name完全一致（比如entry.123456789这种格式），不然提交的数据不会被Google正确接收。你可以在Elements面板里找到原表单的输入框，查看它们的name属性来对应设置。

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