米侠浏览器如何配置外部JS库的本地路径?

老静小哥_3916

老静小哥_3916

2026-06-17

439人浏览

原创

米侠浏览器加载本地js库需满足四条件:启用暴力猴并开启“在所有网站上运行”和“允许访问文件网址”权限;将库文件放入/sdcard/mixiabrowser/scripts/路径;在脚本中用@require ./xxx.js声明;重启浏览器后刷新脚本列表。

米侠浏览器如何配置外部js库的本地路径?

米侠浏览器加载外部JS库时,若依赖本地文件(如 jQuery、Lodash 或自定义工具库),必须将文件放在浏览器可识别的固定路径下,否则<script src="file:///sdcard/lib/jquery.<a%20style=" color: text-decoration:underline title="js" href="https://m.php.cn/zt/15802.html" target="_blank">js">会因 Chromium 的 file:// 协议限制而静默失败。</script>

确认脚本管理器是否已启用并授予权限

外部JS库需通过脚本管理器(如暴力猴)注入,而非直接由网页 script 标签加载。先确保暴力猴扩展已开启且拥有完整权限:点击右上角扩展图标 → 右键“暴力猴” → “管理扩展” → 开启【在所有网站上运行】和【允许访问文件网址】两项开关。

返回暴力猴界面 → 左上角菜单 → “设置” → “通用” → 确认【启用脚本】已打开。这一步不完成,后续所有@require声明均无效。

将JS库文件放入米侠浏览器指定扫描路径

安卓设备上,米侠浏览器仅自动扫描以下路径中的 .js 文件:【/sdcard/MiXiaBrowser/scripts/】。其他位置(如 /sdcard/Download/、/sdcard/lib/、根目录)不会被发现,即使路径正确写进 @require 也加载失败。

用手机文件管理器新建该路径:/sdcard/MiXiaBrowser/scripts/(注意大小写、斜杠方向,不能拼错为 Mixia 或 mixiabrowser);把 jquery.min.js、lodash.4.17.21.js 等库文件复制进去。

若该文件夹已存在但库未生效,重启浏览器后进入【设置→高级设置→脚本注入】页,点击右上角【刷新脚本列表】按钮——此操作不可跳过,否则浏览器不会重新读取磁盘文件。

dmap-jsapi-skill
dmap-jsapi-skill

DMap GL地图JSAPI(dmapgl)开发指南。用于编写、审查、调试 DMap 地图 API 代码,涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。

下载

在用户脚本中正确声明本地库路径

方法一:使用 @require 指向 scripts 目录内相对路径
在脚本头部注释区添加:
@require ./jquery.min.js
@require ./lodash.4.17.21.js
注意:路径必须以 ./ 开头,不能写 file:///sdcard/... 或 /sdcard/...;也不能省略扩展名 .js。

方法二:在脚本正文内动态加载(适用于需条件加载或调试)
执行以下代码前,确保已通过方法一或手动确认库文件已在 scripts 目录中:
const script = document.createElement('script');
script.src = 'file:///sdcard/MiXiaBrowser/scripts/jquery.min.js';
document.head.appendChild(script);
【此方式绕过脚本管理器校验,但受 file:// 协议限制,部分 API(如 fetch、localStorage)可能仍不可用】

方法三:改用 CDN(推荐用于开发调试)
若本地路径反复失败,临时替换为:
@require https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
验证逻辑无误后再切回本地路径,避免误判为代码问题。

验证库是否成功加载

第一步:在目标网页打开控制台(菜单→检查元素→Console);
第二步:输入 $ 或 jQuery(若引入 jQuery),回车;若返回函数定义而非 undefined,则加载成功;
第三步:若报错 ReferenceError: $ is not defined,检查 scripts 目录文件是否存在、扩展权限是否开启、脚本是否启用、@require 行是否拼写错误。

注意:若脚本匹配的是 file:// 协议页面(如本地 HTML 文件),需额外在 @match 中声明 @match file://*,否则脚本根本不会运行,自然也无法加载任何 @require。

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

2023.06.20

4436

8

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.28

1355

5

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.03

1758

5

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

2023.08.17

9983

11

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

980

4

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

2744

5

Js中concat和push的区别
Js中concat和push的区别

Js中concat和push的区别:1、concat用于将两个或多个数组合并成一个新数组,并返回这个新数组,而push用于向数组的末尾添加一个或多个元素,并返回修改后的数组的新长度;2、concat不会修改原始数组,是创建新的数组,而push会修改原数组,将新元素添加到原数组的末尾等等。本专题为大家提供concat和push相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.14

1569

5

js截取字符串的方法介绍
js截取字符串的方法介绍

JavaScript字符串截取方法,包括substring、slice、substr、charAt和split方法。这些方法可以根据具体需求,灵活地截取字符串的不同部分。在实际开发中,根据具体情况选择合适的方法进行字符串截取,能够提高代码的效率和可读性 。

2023.09.21

4709

3

js生成随机数方法
js生成随机数方法

JavaScript生成随机数的方法,包括使用Math.random()方法生成指定范围内的随机整数、生成随机字符串和生成随机颜色。根据具体需求,可以选择适合的方法来生成随机数,以实现各种功能 。

2023.09.25

2735

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 21.1万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 4.9万人学习