node.js|浏览器插件|Open-Multiple-URLs的部署和使用，实现一键打开多个URL的强大工具

前言：

在整理各类资源的时候，可能会面临资源非常多的情况，这个时候我们就需要一款能够一键打开多个URL的浏览器插件了

说简单点，其实，迅雷就是这样的，但是迅雷是基于内置nginx浏览器实现的，并且一次打开的数量是有限制的，好像是会员只能一次性打开50个URL

当然了，除了迅雷，其实其它各类资源都有各种各样的限制，这些无疑是极大的降低了我们的资料整理效率，而如果使用Open-Multiple-URLs这样的浏览器插件，将会很容易的突破每次打开URL数量的限制（不管有没有验证码这样的安全类措施，我就问是不是突破了多开URL的限制，虽然还有验证码等等需要去处理，但效率是不是已经有所提升？）

下面是Google浏览器使用Open-Multiple-URLs

输入框可以黏贴很多很多URL，当然前提是你的机器足够强悍，我的i713代cpu大概应该可以打开200多个URL，到底多少没有测算，不过和自身机器的cpu，内存是有关系这个是一定的

那么，如何安装这个插件呢？

下面将就这个问题做一个简单的描述

一、

Open-Multiple-URLs的源码下载

https://github.com/htrinter/Open-Multiple-URLs

这里需要注意，该项目是js项目，因此，源码编译需要node和npm（npm是node的包管理器，应该是类似python和pip的关系）

在github上面的项目主页上，显示编译需要node版本大于18，因此，该项目的源码编译是有一定的难度的，后面我将会讲到这个问题

二、

Open-Multiple-URLs编译环境的处理

前面提到了Open-Multiple-URLs的编译需要node版本大于18，而node安装yum并没有高于18版本的，因此，需要源码编译node，但这里是有一个巨大的坑的，那就是npm需要高版本的glibc库以及gcc库和高版本python环境，这个就非常困难了

因此，稍作总结，Open-Multiple-URLs编译需要高版本python，至少是3.6版本；高版本的glibc，至少2.23版本；高版本的gcc编译器，至少是gcc9

🆗，gcc9这个是最好处理的，只需要使用gcc的开发包就可以了，因此，安装devtoolset-9这个就可以了，rpm或者yum随便什么形式都可以，安装完devtoolset-9后，激活一下gcc的变量就可以了

python版本和node的对应关系大概是

python3.6-----node18---glibc2.17

python3.8-----node19---glibc2.23

python3.11----node22---glibc2.28

🆗，仅仅是编译一个Open-Multiple-URLs，因此，我选择python3.6-----node18---glibc2.17这个编译路线，python3.6可以使用yum安装，这个比较简单，yum源配置好就可以了

glibc也可以使用yum源，配置好相应的yum源安装就完事了，glibc选择使用2.17版本就可以了，当然也可以用高一点的，这个无所谓

要求glibc版本不低于2.22，但是不宜安装过高版本的glibc，因为较高版本的glibc依赖于python，去整python环境又得费一番功夫，所以弄个比2.22稍高一点的2.23版就够了

glibc下载地址：http://ftp.gnu.org/gnu/glibc/glibc-2.23.tar.gz

下载完毕后，将该文件上传到服务器并解压，解压后进入解压目录，执行以下命令开始编译，但编译前最好使用高版本的gcc，例如gcc9

[root@centos10 glibc-2.23]# mkdir build
[root@centos10 glibc-2.23]# cd build/
[root@centos10 build]# pwd
/root/glibc-2.23/build

../configure --prefix=/usr --disable-werror
make
make install
@@@###最终编译成功的最后日志如下：
LD_SO=ld-linux-x86-64.so.2 CC="gcc" /usr/bin/perl scripts/test-installation.pl /root/glibc-2.23/build/
Your new glibc installation seems to be ok.
make[1]: Leaving directory `/root/glibc-2.23'
[root@centos10 build]# echo $?
0

中间有两个报错，第一个是这个报错(../configure --prefix=/usr --disable-werror的时候报的这个哦)：

Error: `loc1@GLIBC_2.2.5' can't be versioned to common symbol 'loc1'
Error: `loc2@GLIBC_2.2.5' can't be versioned to common symbol 'loc2'
Error: `locs@GLIBC_2.2.5' can't be versioned to common symbol 'locs'
解决方案为：

vim ../misc/regexp.c

char *loc1 __attribute__ ((nocommon));
char *loc2 __attribute__ ((nocommon));
compat_symbol (libc, loc1, loc1, GLIBC_2_0);
compat_symbol (libc, loc2, loc2, GLIBC_2_0);

/* Although we do not support the use we define this variable as well. */
char *locs __attribute__ ((nocommon));

loc1，loc2，locs 后面添加__attribute__ ((nocommon))
第二个是make install的时候报错（等make这个命令执行完了，在执行下面这个解决方案，如果不执行下面的解决方案就是下面这个错了！！！！~~~~~~~，make的时间比较长，耐心等待哦）：

gawk '/\.gnu\.glibc-stub\./ { \
   sub(/\.gnu\.glibc-stub\./, "", $2); \
   stubs[$2] = 1; } \
   END { for (s in stubs) print "#define __stub_" s }' > /opt/glibc-2.23/build/math/stubsT
gawk: error while loading shared libraries: /lib64/libm.so.6: invalid ELF header
make[2]: *** [/opt/glibc-2.23/build/math/stubs] Error 127
解决方案为：

cd /lib64

###确认一下是否确实make出来了libm-2.23.so
[root@centos10 build]# ls -al /lib64/libm-2.23.so
-rwxr-xr-x 1 root root 4218304 Feb 16 23:50 /lib64/libm-2.23.so
###绝对路径强制链接
[root@centos10 build]# ln -sf /lib64/libm-2.23.so /lib64/libm.so.6
最终编译成功，成功的日志末尾如下：

LD_SO=ld-linux-x86-64.so.2 CC="gcc" /usr/bin/perl scripts/test-installation.pl /root/glibc-2.23/build/
Your new glibc installation seems to be ok.
make[1]: Leaving directory `/root/glibc-2.23'
[root@centos10 build]# echo $?
0

等node和npm编译完成后，命令输出两者的版本，如果正常输出，表示环境准备完毕：

[root@centos1 Open-Multiple-URLs-develop]# npm -v
8.8.0
[root@centos1 Open-Multiple-URLs-develop]# node -v
v18.1.0

如果有任何报错，那么，表示编译不成功，需要找到原因，重新编译node

假设打印node版本的时候。报错Error: /lib64/libstdc++.so.6: version `CXXABI_1.3.9‘ not found，这个时候，先把glibc高版本编译完成后，按如下解决：

更新libstdc++.so.6.0.26
依次执行以下命令，下载新lib库文件，拷贝到报错的目录，当前目录做强制链接wget https://cdn.frostbelt.cn/software/libstdc%2B%2B.so.6.0.26
cp libstdc++.so.6.0.26 /usr/lib64/
cd /usr/lib64/
ln -snf ./libstdc++.so.6.0.26 libstdc++.so.6

二、

Open-Multiple-URLs的编译

以上都准备好后，就非常简单了，把Open-Multiple-URLs的源码放到服务器上解压后，进入解压目录后

先将npm的源更换为国内的淘宝源，并稍作验证：

npm config set registry https://registry.npmmirror.com/

验证：

输出为淘宝源即可

[root@centos1 ~]# npm config get registry
https://registry.npmmirror.com/

开始编译：

npm run build:all

输出如下:

> open-multiple-urls@1.6.0 build:all
> npm run build:chrome && npm run build:firefox> open-multiple-urls@1.6.0 build:chrome
> export TARGET=chrome && run-p type-check "build {@}" --> open-multiple-urls@1.6.0 type-check
> vue-tsc --noEmit -p tsconfig.vitest.json --composite false> open-multiple-urls@1.6.0 build
> vite build --sourcemap truevite v4.5.2 building for production...
✓ 31 modules transformed.
dist-chrome/lazyloading.html                                0.56 kB │ gzip:  0.34 kB
dist-chrome/browseraction.html                              0.64 kB │ gzip:  0.37 kB
dist-chrome/assets/browseraction-c92649d4.css               0.91 kB │ gzip:  0.46 kB
dist-chrome/assets/LazyLoading-c0cd47d9.js                  0.86 kB │ gzip:  0.49 kB │ map:   1.33 kB
dist-chrome/assets/_plugin-vue_export-helper-8461c927.js    1.54 kB │ gzip:  0.65 kB │ map:   0.17 kB
dist-chrome/assets/BrowserAction-4e465abe.js               13.22 kB │ gzip:  3.20 kB │ map:  17.70 kB
dist-chrome/assets/vendor-e74b1f13.js                     178.56 kB │ gzip: 38.47 kB │ map: 511.31 kB
[vite-plugin-static-copy] Copied 4 items.
✓ built in 1.31s> open-multiple-urls@1.6.0 build:firefox
> export TARGET=firefox && run-p type-check "build {@}" --> open-multiple-urls@1.6.0 type-check
> vue-tsc --noEmit -p tsconfig.vitest.json --composite false> open-multiple-urls@1.6.0 build
> vite build --sourcemap truevite v4.5.2 building for production...
✓ 31 modules transformed.
dist-firefox/lazyloading.html                                0.56 kB │ gzip:  0.34 kB
dist-firefox/browseraction.html                              0.64 kB │ gzip:  0.37 kB
dist-firefox/assets/browseraction-c92649d4.css               0.91 kB │ gzip:  0.46 kB
dist-firefox/assets/LazyLoading-c0cd47d9.js                  0.86 kB │ gzip:  0.49 kB │ map:   1.33 kB
dist-firefox/assets/_plugin-vue_export-helper-8461c927.js    1.54 kB │ gzip:  0.65 kB │ map:   0.17 kB
dist-firefox/assets/BrowserAction-4e465abe.js               13.22 kB │ gzip:  3.20 kB │ map:  17.70 kB
dist-firefox/assets/vendor-e74b1f13.js                     178.56 kB │ gzip: 38.47 kB │ map: 511.31 kB
[vite-plugin-static-copy] Copied 4 items.
✓ built in 1.23s

此时，当前目录下会编译产出两个文件夹，这两个文件夹，一个是火狐的插件，一个是chrome谷歌的插件，谷歌的插件可以用于QQ浏览器这样的chrome内核类型的浏览器

[root@centos1 Open-Multiple-URLs-develop]# ls -alh dist-*
dist-chrome:
total 48K
drwxr-xr-x 3 root root  164 Jan  5 05:28 .
drwxr-xr-x 7 root root 4.0K Jan  5 03:16 ..
drwxr-xr-x 2 root root  326 Jan  5 05:28 assets
-rw-r--r-- 1 root root  639 Jan  5 05:28 browseraction.html
-rw-r--r-- 1 root root  14K Jan  5 05:28 icon128.png
-rw-r--r-- 1 root root 1.9K Jan  5 05:28 icon16.png
-rw-r--r-- 1 root root 2.0K Jan  5 05:28 icon19.png
-rw-r--r-- 1 root root 4.4K Jan  5 05:28 icon48.png
-rw-r--r-- 1 root root  557 Jan  5 05:28 lazyloading.html
-rw-r--r-- 1 root root  509 Jan  5 05:28 manifest.jsondist-firefox:
total 48K
drwxr-xr-x 3 root root  164 Jan  5 05:28 .
drwxr-xr-x 7 root root 4.0K Jan  5 03:16 ..
drwxr-xr-x 2 root root  326 Jan  5 05:28 assets
-rw-r--r-- 1 root root  639 Jan  5 05:28 browseraction.html
-rw-r--r-- 1 root root  14K Jan  5 05:28 icon128.png
-rw-r--r-- 1 root root 1.9K Jan  5 05:28 icon16.png
-rw-r--r-- 1 root root 2.0K Jan  5 05:28 icon19.png
-rw-r--r-- 1 root root 4.4K Jan  5 05:28 icon48.png
-rw-r--r-- 1 root root  557 Jan  5 05:28 lazyloading.html
-rw-r--r-- 1 root root  442 Jan  5 05:28 manifest.json

将以上两个文件夹传到服务器外，在Windows环境下就可以导入浏览器插件使用了