谷歌浏览器多插件平台V1.18

dada02

谷歌浏览器多插件平台

【根据网友的建议，好用的插件多，建议整合成一个，这样更方便使用】

功能介绍

使用说明

文字抓取： 抓取选中文字、抓取整个页面

图片抓取：当取页面图片（网站可能有同源策略限制），增加一键长截图功能

视频链接：快速提取当前页面或全部页面的M3U8链接，用于视频下载模板

密码管理：网站/应用名称、用户名/邮箱、密码、备注 (可选)，支持导入和导出csv

关键代码

// 多标签
document.addEventListener('DOMContentLoaded', function() {
        const tabs = document.querySelectorAll('.tab');
        const tabContents = document.querySelectorAll('.tab-content');

        tabs.forEach(tab => {
                tab.addEventListener('click', () => {
                        // 移除所有标签和内容的active类
                        tabs.forEach(t => t.classList.remove('active'));
                        tabContents.forEach(content => content.classList.remove('active'));

                        // 为当前标签和对应内容添加active类
                        tab.classList.add('active');
                        const tabId = tab.getAttribute('data-tab');
                        document.getElementById(tabId).classList.add('active');
                });
        });
        ...
//长截图
document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('screenshotBtn').addEventListener('click', captureScreenshot);
        const selectedCount = document.getElementById('selectedCount');

        let tabTitle = ''

        async function captureScreenshot() {
                const btn = document.getElementById('screenshotBtn');
                const status = document.getElementById('status');

                // 显示加载状态
                btn.innerHTML = '<span class="loading"></span> 正在生成截图...';
                btn.disabled = true;

                status.textContent = '正在准备截图环境...';
                status.className = 'status active';

                try {
                        // 获取当前活动标签页
                        const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
                        tabTitle = tab.title || '未知页面'

                        status.textContent = '正在注入截图脚本...';

                        // 先注入html2canvas库
                        await chrome.scripting.executeScript({
                                target: { tabId: tab.id },
                                files: ['html2canvas.min.js']
                        });

                        // 然后执行截图函数
                        const result = await chrome.scripting.executeScript({
                                target: { tabId: tab.id },
                                function: takeScreenshot
                        });
                        ...

附件

详见附件

欢迎试用。

dada02

马铃薯君 发表于 2025-11-10 10:51
这个怎么使用哇？里面是各种js

插件直接解压，扩展程序中，加载未打包的扩展程序，选择解压目录即可

bachelor66

dada02 发表于 2025-11-10 16:28
m3u 请试一下

谷歌浏览器多插件平台V1.19

感谢你能关注这个要求，目前在外一段时间，不方便试                             

Rabbit1124

有这个插件就方便了。

danslamer

不错不错，谷歌浏览器就是要插件多

dubai123546

设置界面没有自适应浏览器大小啊，我用狐猴浏览器打开后设置界面很大，只显示了一半，要手动缩小才行

燕婷

这个插件好用  希望再完善一下显示效果以自适应浏览器大小  只显示了一部分

a446489393

楼主还是有点东西的噢，暂时用不上，需要时看看。

tip168

楼主还是有点东西的噢，暂时用不上，需要时看看。

dada02

燕婷 发表于 2025-11-10 02:13
这个插件好用  希望再完善一下显示效果以自适应浏览器大小  只显示了一部分

感谢反馈，回头优化一下

dada02

dubai123546 发表于 2025-11-10 00:40
设置界面没有自适应浏览器大小啊，我用狐猴浏览器打开后设置界面很大，只显示了一半，要手动缩小才行

感谢反馈，可能与分辩率有关，抽空优化一下

hao788

待会回去试试