本帖最后由 dada02 于 2025-11-9 15:24 编辑
谷歌浏览器密码管理器插件
V1.21 支持导入CSV数据、重新设计图标
谷歌浏览器密码管理器插件v1.1
【根据网友的需求,写一个密码管理器,请试用】
功能介绍
实现本地保存账号和密码功能
支持输入账号和密码
支持点击保存到本地
支持显示历史数据,可点击修改和删除
支持导出为csv文件
关键代码
// 保存账号
function saveAccount() {
const accountName = accountNameInput.value.trim();
const username = usernameInput.value.trim();
const password = passwordInput.value.trim();
const notes = notesInput.value.trim();
if (!accountName || !username || !password) {
showMessage('请填写所有必填字段', 'error');
return;
}
chrome.storage.local.get([STORAGE_KEY], function(result) {
let accounts = result[STORAGE_KEY] || [];
if (currentEditId) {
// 更新现有账号
accounts = accounts.map(account => {
if (account.id === currentEditId) {
return {
...account,
accountName,
username,
password,
notes
};
...
// 显示账号列表
function displayAccounts(accounts) {
if (accounts.length === 0) {
accountsList.innerHTML = '<div class="empty-state">暂无保存的账号</div>';
return;
}
accountsList.innerHTML = '';
accounts.forEach(account => {
const accountItem = document.createElement('div');
accountItem.className = 'account-item';
accountItem.innerHTML = `
<div class="account-info">
...
// 导出为CSV
function exportToCSV() {
chrome.storage.local.get([STORAGE_KEY], function(result) {
const accounts = result[STORAGE_KEY] || [];
if (accounts.length === 0) {
showMessage('没有数据可以导出', 'error');
return;
}
// CSV标题行
let csvContent = "网站/应用名称,用户名/邮箱,密码,备注,创建时间\n";
// 添加数据行
accounts.forEach(account => {
const row = [
account.accountName,
account.username,
account.password,
account.notes || '',
new Date(account.createdAt).toLocaleString()
].map(field => `"${field}"`).join(',');
...
附件
密码管理器插件v1.1.rar 解压密码:52pojie
安装说明
插件解压,谷歌浏览器打开扩展程序,打开开发模式开关,选择目录安装即可。
欢迎试用。
|