在Linux环境下，sxhkd作为简单的X热键守护程序，可以让我们用配置文件定义全局快捷键。结合其他命令行工具，我们能够实现按下热键后，自动通过CSS选择器找到页面中的HTML输入框并执行输入或聚焦操作，从而提升日常开发与测试效率。
什么是sxhkd
sxhkd是simple X hotkey daemon的缩写，它监听键盘事件并根据配置文件执行对应命令。其配置语法清晰，适合希望减少鼠标依赖的用户。要使用它操控HTML输入框，通常还需借助浏览器自动化或窗口模拟输入工具。
安装与基础配置
在多数发行版中可直接通过包管理器安装。以Debian系为例：
sudo apt update sudo apt install sxhkd
用户主目录下创建配置文件 ~/.config/sxhkd/sxhkdrc，每行一个热键与命令映射。例如下面配置表示按下超键加i时执行脚本：
super + i
/home/user/fill_input.sh
通过CSS选择器操作HTML输入框
要让热键真正作用于页面内的HTML输入框，我们可以写一个脚本，利用支持CSS选择器的工具（如node脚本配合puppeteer，或向已打开的浏览器发送指令）完成。下面给出一个使用node与puppeteer向匹配 input.login-field 的HTML输入框填值的示例：
// fill_input.js 使用puppeteer通过CSS选择器填充HTML输入框
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch({headless: false});
const page = await browser.newPage();
// 这里以本地测试页为例
await page.goto('http://127.0.0.1:8080/test.html');
// 使用CSS选择器定位HTML输入框
await page.waitForSelector('input.login-field');
await page.type('input.login-field', 'auto_filled_text');
// 如需聚焦也可用 page.focus('input.login-field')
await browser.close();
})();
对应 fill_input.sh 只需调用上述脚本：
#!/bin/bash node /home/user/fill_input.js
注意事项
- 确保sxhkd在会话中启动，可加入窗口管理器自启配置。
- 浏览器自动化工具需与目标页面同源或本地调试允许。
- CSS选择器应准确匹配目标HTML输入框，避免误填。
小结
通过sxhkd绑定热键并配合脚本，我们能让Linux下的CSS选择器操控HTML输入框变得轻松。这种思路也可扩展到表单提交、批量测试等场景，是前端与桌面效率优化的实用组合。
sxhkdCSSelectorHTML_input修改时间：2026-07-28 09:30:21