").addClass("popup-overlay").appendTo("body").click(closePopupContainer);
// 弹出内容容器
const container = $("
").addClass("popup-container").appendTo(overlay);
// 设置蒙版的样式
overlay.css({
"background-color": "rgba(0, 0, 0, 0.6)",
"position": "fixed",
"top": 0,
"left": 0,
"width": "100%",
"height": "100%",
"z-index": 9999,
"display": "flex",
"justify-content": "center",
"align-items": "center",
});
// 设置弹出内容容器的样式
container.css({
"background-color": "white",
"max-width": "720px",
"width": "90%",
"height": "90%",
"overflow-y": "auto",
"padding": "20px",
"text-align": "center",
"border-radius": "5px",
});
// 添加弹出内容
container.append($("
").text("弹出内容"), $("
").text("这是一个弹出内容的示例。".repeat(500)));
// 禁止蒙版下的body内容滚动
$("body").css("overflow", "hidden");
}
function closePopupContainer() {
// 恢复body内容滚动
$("body").css("overflow", "auto");
// 移除蒙版和弹出内容容器
$(".popup-overlay").remove();
}
function createIcon() {
const windowWidth = $(window).width();
const bodyContentWidth = $("body").width();
const iconSize = windowWidth > 720 ? "60px" : "40px";
$("![]()
")
.attr("id", "settingICon")
.attr("src", "https://pic.imgdb.cn/item/66c4cb46d9c307b7e92a418b.png")
.css({
"position": "fixed",
"top": "10px",
"right": "10px",
"width": iconSize,
"height": iconSize,
"z-index": 9998,
})
.appendTo("body")
.click(() => {
createPopupContainer();
});
// PC端设置右偏移量
if (windowWidth > bodyContentWidth) {
const rightOffset = (windowWidth - bodyContentWidth) / 2 + 10;
$("#settingICon").css("right", rightOffset + "px");
}
}
}
// 初始化本地设置文件(存放于localStorage，清除浏览器缓存会让设置失效)
function initSetting() {
return new Promise((resolve, reject) => {
const defaultSetting = {
// 第一次加载脚本
firstLoadScript: true,
// 显示设置 logo
showSettingIcon: true,
// 设置 logo 大小
settingIconSize: 50,
// 显示吹牛胜率
showChuiniuHistory: true,
// 显示一键回到顶部/底部
showTopAndDownBtn: true,
// 发帖 ubb 展开
showMoreUbb: true,
// 显示勋章
showMedal: true,
// 回帖 ubb 展开
// 回帖表情展开
// 回帖 +1
// 站内图片增强
// 一键吃肉
oneClickCollectMoney: true,
};
const localSetting = JSON.parse(localStorage.getItem("yaohuoBetterPlusSetting")) || {};
const saveSetting = { ...defaultSetting, ...localSetting }; // 合并设置，自定义项覆盖默认选项，避免添加新功能时已缓存设置没有新功能相关从而产生bug
try {
localStorage.setItem("yaohuoBetterPlusSetting", JSON.stringify(saveSetting));
console.log("======> [ 已成功初始化设置 ]");
resolve();
} catch (error) {
reject(error);
}
});
}
/**
* 递归检测jQuery是否成功加载
* @param {Number} maxAttempts 最大检测次数
* @param {Number} interval 检测间隔时间/ms
* @param {Number} attempt 已检测次数
* @returns
*/
function checkJQueryLoad(maxAttempts = 50, interval = 200, attempt = 0) {
if (typeof jQuery !== "undefined") {
console.log("已成功加载 jQuery");
return true;
} else if (attempt < maxAttempts) {
console.log("已检测次数：", attempt + 1);
setTimeout(() => {
checkJQueryLoad(maxAttempts, interval, attempt + 1);
}, interval);
} else {
console.log("无法加载 jQuery");
notifyBox("jQuery 加载失败，增强脚本运行已终止", false);
return false;
}
}
// 判断是否是在网站中（有些手机端浏览器无法识别油猴 @match 标识，导致在所有网站都会执行脚本）
function checkLocation() {
const currentUrl = window.location.href;
const regex1 = new RegExp(/^https?:\/\/yaohuo\.me\/.*/i);
const regex2 = new RegExp(/^https?:\/\/[^/]+\.yaohuo\.me\/.*/i);
if (regex1.test(currentUrl) || regex2.test(currentUrl)) {
return true;
} else {
return false;
}
}
/* ================================================== 自定义方法开始 ================================================== */
/**
* 在指定textarea/input当前光标处插入内容
* @param {*} content 插入内容
* @param {String} targetEle 插入目标 element(jquery可使用的选择器)
*/
function insetCustomContent(content, targetEle) {
const textarea = $(targetEle); // 获取目标元素
const cursorPosition = textarea[0].selectionStart; // 获取当前光标位置
const currentValue = textarea.val(); // 当前内容
const newValue = currentValue.slice(0, cursorPosition) + content + currentValue.slice(cursorPosition); // 将内容插入当前光标处。如果未选择输入框则插入最后
textarea.val(newValue); // 写入完整内容
// 将光标移到插入内容的最后
textarea[0].selectionStart = cursorPosition + content.length;
textarea[0].selectionEnd = cursorPosition + content.length;
textarea.focus();
}
/**
* 当前页面为指定 url 时执行函数
* @param {*} targetPath 指定 url，可为正则表达式
* @param {Function} executeFunction 执行函数
* @param {Boolean} isRegex 是否使用正则判断 url
*/
function executeFunctionForURL(targetPath, executeFunction, isRegex = false) {
if (isRegex) {
targetPath.test(window.location.pathname) && executeFunction();
} else {
if (typeof targetPath !== "string" || typeof executeFunction !== "function") {
throw new Error("参数无效！");
}
window.location.pathname === targetPath && executeFunction();
}
}
// 从指定url获取get参数`
function getUrlParam(paramName, targetUrl = window.location.href) {
try {
let urlObj = new URL(targetUrl, window.location.origin);
return urlObj.searchParams.get(paramName);
} catch (error) {
console.error("无效的URL:", targetUrl, error);
return null;
}
}
// 获取指定页面内容
function getPageContent(path, method = "GET") {
const url = `${window.location.origin}${path}`;
return new Promise((resolve, reject) => {
$.ajax({
url,
method,
dataType: "html",
success: (response) => {
resolve(response);
},
error: (error) => {
reject(error);
},
});
});
}
// 设置保存
function settingChange(setName, setValue) {
let cacheSetting = JSON.parse(localStorage.getItem("yaohuoBetterPlusSetting"));
cacheSetting[setName] = setValue;
try {
localStorage.setItem("yaohuoBetterPlusSetting", JSON.stringify(cacheSetting));
notifyBox("保存成功");
} catch (error) {
notifyBox("保存失败", false);
}
}
// 设置获取
function settingGet(name) {
// let cacheSetting = JSON.parse(localStorage.getItem("yaohuoBetterPlusSetting"));
// return cacheSetting[name];
try {
return JSON.parse(localStorage.getItem("yaohuoBetterPlusSetting"))[name];
} catch (error) {
throw new Error("未知错误，获取设置失败");
}
}
/**
* 弹出提示
* @param {String} message 提示内容
* @param {Boolean} status 提示状态，true成功，false失败，默认true
* @param {Number} delayTime 提示时间/ms，默认1500ms
*/
let offsetY = 0; // 消息框初始垂直偏移量
function notifyBox(message, status = true, delayTime = 1500) {
// 消息父容器
const containerDiv = $("
")
.css({
position: "fixed",
top: `calc(100px + ${offsetY}px)`,
left: "50%",
transform: "translateX(-50%)",
maxWidth: "80%",
width: "auto",
textAlign: "center",
})
.appendTo("body");
// 消息框创建
const messageDiv = $("
")
.text(message)
.css({
background: status ? "#f0f9eb" : "#fef0f0",
color: status ? "#67c23a" : "#f56c6c",
padding: "5px 20px",
boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)",
whiteSpace: "normal",
wordWrap: "break-word",
overflowWrap: "break-word",
hyphens: "auto",
borderRadius: "5px",
maxWidth: "100%", // 设置消息框的最大宽度
})
.appendTo(containerDiv);
// 延迟后消息框销毁
messageDiv
.fadeIn()
.delay(delayTime)
.fadeOut(function () {
containerDiv.remove();
offsetY -= 50; // 删除后减少50px的垂直偏移量
});
offsetY += 50; // 增加消息框的高度和间距
}
/* ================================================== 自定义方法结束 ================================================== */