如何通过浏览器查看源代码确定WordPress站点表单来源及生成插件

1. 打开页面源代码 #

• 打开包含目标表单的页面，右键点击空白区域，选择「查看页面源代码」（不同浏览器名称略有差异，比如Chrome为“查看网页源代码”）
• 也可以用快捷键快速打开：Windows/Linux按 Ctrl+U，Mac按 Cmd+U

2. 定位表单代码块 #

• 使用页面内的查找功能（Ctrl+F / Cmd+F），搜索关键词 <form，快速定位到表单的HTML代码
• 重点观察表单的核心属性和特征：
  • 类名/ID标识：多数表单插件会给表单添加专属类名或ID，比如Contact Form 7的表单带有 class="wpcf7-form"，Gravity Forms的表单包含 class="gform_wrapper"，WPForms则会有 wpforms-form 类名
  • Action属性：表单的action值可能指向插件专属的处理接口，比如Contact Form 7的接口通常是 /wp-json/contact-form-7/v1/contact-forms/[ID]/feedback 这类格式
  • 字段命名规则：插件生成的输入字段name属性会有特定规律，比如Gravity Forms的字段名多为 input_1、input_2 这类带编号的格式

3. 验证插件归属 #

• 搜索页面源码中的静态资源文件名：比如搜索 wpcf7.js（对应Contact Form 7）、gforms.js（对应Gravity Forms），这类插件专属的脚本/样式文件名能直接佐证来源
• 查看源码中的注释：部分插件会在输出代码里留下注释标记，比如 <!-- Contact Form 7 -->

4. 判断是否为自定义表单 #

• 如果表单没有上述插件专属标识，类名、ID是自定义命名，action指向当前页面或自定义PHP文件，那么大概率是主题自定义开发的表单，或者开发者手动添加的代码
• 可以通过action属性的路径，结合源码中关联的自定义脚本，判断代码是存放在主题的functions.php里，还是单独的自定义模板文件中

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