"); - return escapedText; -} +export const escapeAndFormatText = (text) => escapeHtml(text) + .replace(/ /g, " ") + .replace(/\t/g, " ") + .replace(/\n/g, "
") export function getCookie(name) { const cookieArr = document.cookie.split(";") for (let i = 0; i < cookieArr.length; i++) { const cookiePair = cookieArr[i].trim() - if (cookiePair.startsWith(name + "=")) { - return cookiePair.substring(name.length + 1); - } - } - return null; + if (cookiePair.startsWith(name + "=")) return cookiePair.substring(name.length + 1) + } + return null } export function setCookie(name, value, days = 3650) { var expires = "" if (days) { var date = new Date() - date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); + date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)) expires = "; expires=" + date.toUTCString() } - document.cookie = name + "=" + value + expires + "; path=/"; + document.cookie = name + "=" + value + expires + "; path=/" } export function objectToQueryString(obj, parentKey = '') { @@ -71,42 +61,37 @@ export function objectToQueryString(obj, parentKey = '') { if (!Object.prototype.hasOwnProperty.call(obj, key)) continue let value = obj[key] let newKey = parentKey ? `${parentKey}[${key}]` : key - if (typeof value === 'object' && value !== null) { - parts.push(objectToQueryString(value, newKey)) - } else { - parts.push(encodeURIComponent(newKey) + '=' + encodeURIComponent(value)) - } + if (typeof value === 'object' && value !== null) parts.push(objectToQueryString(value, newKey)) + else parts.push(encodeURIComponent(newKey) + '=' + encodeURIComponent(value)) } return parts.join('&') } export function formatUnixTimestamp(unixTimestamp, timeZone) { - const date = new Date(unixTimestamp * 1000); // 将 UNIX 时间戳转换为毫秒 - const options = { - timeZone: timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone, // 使用指定时区或浏览器本地时区 - year: 'numeric', - month: '2-digit', - day: '2-digit', - hour: '2-digit', - minute: '2-digit', - second: '2-digit', - hour12: false, // 24小时制 - }; - const formatter = new Intl.DateTimeFormat('en-US', options); - const parts = formatter.formatToParts(date); - const formatMap = {}; - parts.forEach(({ type, value }) => { - formatMap[type] = value; - }); - return `${formatMap.year}-${formatMap.month}-${formatMap.day} ${formatMap.hour}:${formatMap.minute}:${formatMap.second}`; + const date = new Date(unixTimestamp * 1000) + const options = { + timeZone: timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone, + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit', + second: '2-digit', + hour12: false, + } + const formatter = new Intl.DateTimeFormat('en-US', options) + const parts = formatter.formatToParts(date) + const formatMap = {} + parts.forEach(({ type, value }) => { formatMap[type] = value }) + return `${formatMap.year}-${formatMap.month}-${formatMap.day} ${formatMap.hour}:${formatMap.minute}:${formatMap.second}` } export function isMobileDeviceByUA() { - const ua = navigator.userAgent || navigator.vendor || window.opera; - return /android/i.test(ua) || - /iphone/i.test(ua) || - /ipod/i.test(ua) || - /ipad/i.test(ua) || - /blackberry/i.test(ua) || - /windows phone/i.test(ua); + const ua = navigator.userAgent || navigator.vendor || window.opera + return /android/i.test(ua) || + /iphone/i.test(ua) || + /ipod/i.test(ua) || + /ipad/i.test(ua) || + /blackberry/i.test(ua) || + /windows phone/i.test(ua) } diff --git a/src/views/Developer.vue b/src/views/Developer.vue index bff7734..6d8b2c5 100644 --- a/src/views/Developer.vue +++ b/src/views/Developer.vue @@ -1,11 +1,9 @@ -
注意本页面仅为测试用!
当然如果你是乱点那个唐鬼小人进来的, 这就是个彩蛋? (神金 --
+
页面信息
可见路由信息:
{{ routeStore.allRoutes }}
- -
浏览器信息
--
-
- User-Agent: -
- {{ ua }} -
- 语言: -
- {{ language }} -
- 平台: -
- {{ platform }} -
- 屏幕尺寸: -
- {{ screenSize }} -
- 视口尺寸: -
- {{ viewportSize }} -
- 像素比: -
- {{ pixelRatio }} -
- 是否触屏设备: -
- {{ touchSupport ? '是' : '否' }} -
- 页面可见性状态: -
- {{ visibility }} -
-
+
浏览器信息
-
+
- User-Agent: +
- {{ ua }} +
- 语言: +
- {{ language }} +
- 平台: +
- {{ platform }} +
- 屏幕尺寸: +
- {{ screenSize }} +
- 视口尺寸: +
- {{ viewportSize }} +
- 像素比: +
- {{ pixelRatio }} +
- 是否触屏设备: +
- {{ touchSupport ? '是' : '否' }} +
- 页面可见性状态: +
- {{ visibility }} +
欢迎来到 AO3 Mirror! 👋👋
-一个基于重构渲染的 AO3 镜像站
-+
一个基于重构渲染的 AO3 镜像站
链接转换
AO3 链接 或 关键词搜索
@@ -67,13 +58,11 @@ function onConvert(data) {+
设置
--
-
-
-
界面
-
自动黑暗模式
-
-
- 默认黑暗模式
-
-
- 设置
+
界面
+
自动黑暗模式
+
+
+ 默认黑暗模式
+
+
+