编写 AppleScript 操作 Safari 网页表单自动填写-Mac OS-PHP中文网

AppleScript可通过Safari的do JavaScript执行前端脚本实现表单自动填写，但需启用开发菜单、等待页面加载完成、确保元素有稳定标识，且macOS≥10.10；推荐用document.getElementById或querySelector定位并触发input事件。

applescript 可以通过 safari 的 applescript 词典（safari scripting dictionary）控制网页行为，但不能直接操作网页 dom 或 javascript 元素。这意味着它无法像浏览器扩展或 puppeteer 那样直接调用 document.getelementbyid 或设置 input.value。不过，在 macos 上，借助 javascript for automation（jxa） 或更可靠的方式——使用 safari 的内置 applescript 命令 + 执行内联 javascript，可以实现表单自动填写。

前提条件与限制

必须满足以下条件才能成功执行：

Safari 已启用“开发”菜单：打开 Safari → 偏好设置 → 高级 → 勾选“在菜单栏中显示‘开发’菜单”
当前网页已加载完成（脚本需等待 document.readyState === "complete"）
目标表单元素有稳定的标识（如 id、name、class 或位置顺序）
macOS 版本 ≥ 10.10（支持 JXA），推荐 macOS 12+（Safari 15+ 更稳定）

方法一：AppleScript + do JavaScript（推荐）

这是最常用且兼容性较好的方式：AppleScript 控制 Safari，再通过 do JavaScript 执行前端脚本填充表单。

示例：自动填写用户名和密码（假设登录页有 input#username 和 input#password）：

tell application "Safari"
    activate
    set currentTab to current tab of front window
    -- 确保页面加载完成（简单轮询，生产环境建议加超时）
    repeat while (do JavaScript "document.readyState" in currentTab) is not "complete"
        delay 0.5
    end repeat
<pre class="brush:php;toolbar:false;">-- 执行 JS 填写表单
do JavaScript "
    document.getElementById('username')?.value = 'your_username';
    document.getElementById('password')?.value = 'your_password';
    // 可选：触发 input 事件，让前端框架识别变更
    if (document.getElementById('username')) {
        document.getElementById('username').dispatchEvent(new Event('input', { bubbles: true }));
    }
    if (document.getElementById('password')) {
        document.getElementById('password').dispatchEvent(new Event('input', { bubbles: true }));
    }
" in currentTab

end tell

方法二：基于元素位置或 name 属性的容错写法

如果页面没有 id，可改用 name、placeholder 或 CSS 选择器定位：

Docker for Mac – Apple Silicon

Docker Desktop for Mac (Apple Silicon) 是 Docker 官方专为搭载 Apple M 系列芯片（M1, M2, M3, M4 及其 Pro/Max/Ultra 变体）的 Mac 电脑深度优化的容器化开发平台。它利用 Apple Silicon 强大的能效比和原生 ARM64 架构，为 macOS 开发者提供了流畅、高效且原生的容器体验，彻底取代了旧版 Intel Mac 上的虚拟化方案。

下载

do JavaScript "
    // 按 name 属性查找
    var userField = document.querySelector('input[name=\"username\"]');
    var passField = document.querySelector('input[name=\"password\"]');
<pre class="brush:php;toolbar:false;">if (userField) userField.value = 'myuser';
if (passField) passField.value = 'mypass';

// 或按 placeholder 模糊匹配（谨慎使用）
var emailField = Array.from(document.querySelectorAll('input')).find(el => 
    el.placeholder && el.placeholder.toLowerCase().includes('email')
);
if (emailField) emailField.value = 'test@example.com';

" in currentTab

补充技巧：提交表单 & 处理弹窗

填完后常需点击按钮或提交表单：

点击按钮：document.querySelector('button[type=\"submit\"]').click()
提交第一个 form：document.forms[0].submit()
处理 alert/confirm：AppleScript 本身无法拦截 JS 弹窗；建议先用 JS 移除或重写 window.alert，例如：
window.alert = window.confirm = window.prompt = function() {};

不复杂但容易忽略：每次执行前确认 Safari 处于前台、目标标签页是活跃的，且网站未启用反自动化策略（如 Cloudflare 验证）。对现代 SPA（React/Vue）页面，还需等待框架挂载完成，可配合 setTimeout 或 MutationObserver 判断元素是否可交互。