diff --git a/.vscode/settings.json b/.vscode/settings.json
index 3480621..8a4eec8 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,5 +1,5 @@
 {
-	"cSpell.words": ["ICVE", "ocsjs", "userscript", "userscripts"],
+	"cSpell.words": ["greasyfork", "ICVE", "ocsjs", "scriptcat", "userscript", "userscripts"],
 	"eslint.validate": ["javascript", "javascriptreact", "vue"],
 	"editor.formatOnSave": true,
 	"editor.codeActionsOnSave": {
diff --git a/packages/app/package.json b/packages/app/package.json
index 856ce82..b589fc3 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@ocs-desktop/app",
-	"version": "2.2.5",
+	"version": "2.3.0",
 	"description": "desktop for userscript",
 	"main": "./lib/index.js",
 	"types": "./lib/types.d.ts",
diff --git a/packages/app/src/window.ts b/packages/app/src/window.ts
index 1c482b3..6b1cbd0 100644
--- a/packages/app/src/window.ts
+++ b/packages/app/src/window.ts
@@ -6,8 +6,8 @@ export function createWindow() {
 	const win = new BrowserWindow({
 		title: 'ocs',
 		icon: path.resolve('./public/favicon.ico'),
-		minHeight: 600,
-		minWidth: 1000,
+		minHeight: 800,
+		minWidth: 1200,
 		center: true,
 		hasShadow: true,
 		autoHideMenuBar: true,
diff --git a/packages/app/types.ts b/packages/app/types.ts
index 679e8af..f0a6976 100644
--- a/packages/app/types.ts
+++ b/packages/app/types.ts
@@ -18,4 +18,6 @@ export interface UserScripts {
 	info: any;
 	/** 是否为本地脚本 */
 	isLocalScript: boolean;
+	/** 是否为网络链接加载的脚本 */
+	isInternetLinkScript: boolean;
 }
diff --git a/packages/web/src/components/CommonSelector.vue b/packages/web/src/components/CommonSelector.vue
new file mode 100644
index 0000000..208a8a9
--- /dev/null
+++ b/packages/web/src/components/CommonSelector.vue
@@ -0,0 +1,113 @@
+<template>
+	<div>
+		<template v-if="props.list.length === 0">
+			<a-empty description="暂无数据" />
+		</template>
+		<template v-else>
+			<template
+				v-for="(item, index) of props.list.slice((state.page - 1) * state.pageSize, state.page * state.pageSize)"
+				:key="index"
+			>
+				<div
+					class="item"
+					:class="{
+						selected: isSelected(item)
+					}"
+					@click="select(item)"
+				>
+					<slot
+						name="content"
+						:item="item"
+					>
+						{{ item.key }}
+					</slot>
+				</div>
+			</template>
+
+			<div class="d-flex justify-content-center">
+				<a-pagination
+					:total="props.list.length"
+					:show-size-changer="false"
+					:show-quick-jumper="true"
+					:show-total="true"
+					:hide-on-single-page="true"
+					:default-current="1"
+					:default-page-size="state.pageSize"
+					@change="(page) => (state.page = page)"
+				>
+				</a-pagination>
+			</div>
+
+			<div class="mt-3 float-end">
+				<a-space>
+					<span
+						v-if="props.multiple"
+						style="font-size: 12px"
+						class="text-secondary float-end"
+					>
+						共选中 {{ selected.length }} 个
+					</span>
+					<a-button
+						style="width: 100px"
+						type="primary"
+						@click="confirm"
+					>
+						确定
+					</a-button>
+				</a-space>
+			</div>
+		</template>
+	</div>
+</template>
+
+<script setup lang="ts" generic="Item extends {key: string}  ">
+import { Ref, ref, reactive } from 'vue';
+
+const props = defineProps<{
+	list: Item[];
+	onSelect: (items: Item[]) => void;
+	multiple: boolean;
+}>();
+
+const selected = ref<Item[]>([]) as Ref<Item[]>;
+
+const state = reactive({
+	page: 1,
+	pageSize: 8
+});
+
+function confirm() {
+	props.onSelect(selected.value);
+}
+
+function select(item: Item) {
+	if (props.multiple) {
+		const index = selected.value.findIndex((i) => i.key === item.key);
+		if (index === -1) {
+			selected.value.push(item);
+		} else {
+			selected.value.splice(index, 1);
+		}
+	} else {
+		selected.value = [item];
+	}
+}
+
+function isSelected(item: Item) {
+	return selected.value.find((i) => i.key === item.key) !== undefined;
+}
+</script>
+
+<style scoped lang="less">
+.item {
+	border: 1px solid #e1e1e18c;
+	padding: 6px;
+	margin: 8px 0px;
+	border-radius: 4px;
+	cursor: pointer;
+
+	&.selected {
+		border: 1px solid #0d6efd8c;
+	}
+}
+</style>
diff --git a/packages/web/src/components/Icon.vue b/packages/web/src/components/Icon.vue
index de2bfdf..0849234 100644
--- a/packages/web/src/components/Icon.vue
+++ b/packages/web/src/components/Icon.vue
@@ -20,8 +20,8 @@ import { Space } from '@arco-design/web-vue';
 import { h, toRefs, useSlots } from 'vue';
 const span = h('span');
 interface IconProps {
-	theme?: 'outlined' | 'filled' | 'rounded' | 'sharp' | 'two-tone';
 	type: string;
+	theme?: 'outlined' | 'filled' | 'rounded' | 'sharp' | 'two-tone';
 	title?: string;
 	active?: boolean;
 	color?: string;
diff --git a/packages/web/src/pages/user-scripts/ScriptList.vue b/packages/web/src/components/ScriptList.vue
similarity index 68%
rename from packages/web/src/pages/user-scripts/ScriptList.vue
rename to packages/web/src/components/ScriptList.vue
index c89522a..e85c157 100644
--- a/packages/web/src/pages/user-scripts/ScriptList.vue
+++ b/packages/web/src/components/ScriptList.vue
@@ -9,17 +9,20 @@
 			@mouseleave="selectedScript = 0"
 			@mouseover="selectedScript = script.id"
 		>
+			<!-- 如果有info则应该是网络搜索出来的脚本 -->
 			<div
 				v-if="script.info"
 				class="col-12"
 			>
 				<div class="user-script-name">
-					<a
-						target="_blank"
-						:href="script.info.url"
-					>
-						<span>{{ script.info.name }}</span>
-					</a>
+					<a-tooltip content="打开脚本源站">
+						<a
+							target="_blank"
+							:href="script.info.url"
+						>
+							<span>{{ script.info.name }}</span>
+						</a>
+					</a-tooltip>
 				</div>
 				<div
 					class="user-script-descriptions"
@@ -49,50 +52,61 @@
 					{{ script.info.description }}
 				</div>
 
-				<div class="user-script-infos">
-					<a-space size="mini">
+				<div class="row">
+					<div class="col-8">
+						<div class="user-script-infos">
+							<a-space size="mini">
+								<slot
+									:script="script"
+									name="infos"
+								></slot>
+
+								<a-tooltip content="最新版本">
+									<a-tag color="red">
+										v<b>{{ script.info.version }}</b>
+									</a-tag>
+								</a-tooltip>
+
+								<a-tooltip content="今日安装">
+									<a-tag color="blue">
+										⬇️<b>{{ script.info.daily_installs }}</b>
+									</a-tag>
+								</a-tooltip>
+
+								<a-tooltip content="总安装">
+									<a-tag color="green">
+										📦<b>{{ script.info.total_installs }}</b>
+									</a-tag>
+								</a-tooltip>
+
+								<a-tooltip content="评分">
+									<a-tag color="orange">
+										⭐<b>{{ script.info.ratings ? script.info.ratings.toFixed(1) : '无' }}</b>
+									</a-tag>
+								</a-tooltip>
+
+								<a-tag
+									v-if="script.info.create_time > 0"
+									title="创建时间"
+								>
+									{{ new Date(script.info.create_time).toLocaleDateString() }} 创建
+								</a-tag>
+								<a-tag
+									v-if="script.info.create_time > 0"
+									title="更新时间"
+								>
+									{{ getElapsedTime(script.info.create_time) }} 前更新
+								</a-tag>
+							</a-space>
+						</div>
+					</div>
+					<div class="col-4 user-script-actions">
 						<slot
+							name="actions"
 							:script="script"
-							name="infos"
-						></slot>
-
-						<a-tooltip content="今日安装">
-							<a-tag color="blue">
-								⬇️<b>{{ script.info.daily_installs }}</b>
-							</a-tag>
-						</a-tooltip>
-
-						<a-tooltip content="总安装">
-							<a-tag color="green">
-								📦<b>{{ script.info.total_installs }}</b>
-							</a-tag>
-						</a-tooltip>
-
-						<a-tooltip content="版本">
-							<a-tag color="red">
-								v<b>{{ script.info.version }}</b>
-							</a-tag>
-						</a-tooltip>
-
-						<a-tooltip content="评分">
-							<a-tag color="orange">
-								⭐<b>{{ script.info.ratings ? script.info.ratings.toFixed(1) : '无' }}</b>
-							</a-tag>
-						</a-tooltip>
-
-						<a-tag
-							v-if="script.info.createTime > 0"
-							title="创建时间"
-						>
-							{{ new Date(script.info.createTime).toLocaleDateString() }} 创建
-						</a-tag>
-						<a-tag
-							v-if="script.info.updateTime > 0"
-							title="更新时间"
-						>
-							{{ getElapsedTime(script.info.updateTime) }} 前更新
-						</a-tag>
-					</a-space>
+							:already-installed="isAlreadyInstalled(script)"
+						/>
+					</div>
 				</div>
 			</div>
 
@@ -109,22 +123,15 @@
 					</a>
 				</div>
 			</div>
-
-			<div class="user-script-actions">
-				<slot
-					name="actions"
-					:script="script"
-					:already-installed="isAlreadyInstalled(script)"
-				/>
-			</div>
 		</div>
 	</template>
 </template>
 
 <script setup lang="ts">
 import { ref, toRefs } from 'vue';
-import Icon from '../../components/Icon.vue';
-import { store, StoreUserScript } from '../../store';
+import { StoreUserScript } from '../store';
+import { store } from '../store/index';
+import Icon from './Icon.vue';
 
 interface ScriptListProps {
 	scripts: StoreUserScript[];
@@ -243,8 +250,9 @@ function isAlreadyInstalled(sc: StoreUserScript) {
 }
 
 .user-script-actions {
-	position: relative;
-	transform: translateX(-100%);
+	display: flex;
+	justify-content: end;
+	align-items: center;
 }
 
 .ant-tag {
diff --git a/packages/web/src/components/Setup.vue b/packages/web/src/components/Setup.vue
index e7f396c..4f5377f 100644
--- a/packages/web/src/components/Setup.vue
+++ b/packages/web/src/components/Setup.vue
@@ -147,7 +147,7 @@ import { installExtensions } from '../utils/extension';
 import { addScriptFromUrl } from '../utils/user-scripts';
 import { ValidBrowser } from '@ocs-desktop/common/lib/src/interface';
 import { ResourceLoader } from '../utils/resources.loader';
-import { ResourceFile } from '../utils/apis';
+import { ResourceFile } from '@ocs-desktop/common/src/api';
 
 type Extension = ResourceFile & { installed?: boolean };
 
diff --git a/packages/web/src/components/Title.vue b/packages/web/src/components/Title.vue
index 53f0f75..fb894ca 100644
--- a/packages/web/src/components/Title.vue
+++ b/packages/web/src/components/Title.vue
@@ -1,6 +1,9 @@
 <template>
 	<div class="title ps-2">
-		<span>
+		<span
+			style="cursor: pointer; -webkit-app-region: no-drag"
+			@click="shell.openExternal('https://docs.ocsjs.com')"
+		>
 			<img
 				width="18"
 				class="me-3"
@@ -158,7 +161,7 @@
 </template>
 
 <script setup lang="ts">
-import { fetchRemoteNotify, date, about, clearBrowserCaches } from '../utils';
+import { fetchRemoteNotify, date, about, checkBrowserCaches } from '../utils';
 import { remote } from '../utils/remote';
 import TitleLink from './TitleLink.vue';
 import { Message, Modal } from '@arco-design/web-vue';
@@ -169,7 +172,6 @@ import { Folder, root } from '../fs/folder';
 import { h } from 'vue';
 import { FolderOptions, FolderType } from '../fs/interface';
 import { Browser } from '../fs/browser';
-import { SyncOutlined } from '@ant-design/icons-vue';
 
 const { shell } = electron;
 
@@ -315,22 +317,6 @@ function reset() {
 	remote.app.call('relaunch');
 	remote.app.call('exit', 0);
 }
-
-async function checkBrowserCaches() {
-	const modal = Modal.info({
-		simple: false,
-		title: '正在计算浏览器缓存...',
-		footer: false,
-		maskClosable: false,
-		content: () => {
-			return h('div', [h(SyncOutlined, { spin: true }), '正在计算浏览器缓存...']);
-		}
-	});
-	const totalSize = await remote.methods.call('statisticFolderSize', store.paths.userDataDirsFolder);
-	modal.close();
-
-	clearBrowserCaches(totalSize);
-}
 </script>
 
 <style scoped lang="less">
diff --git a/packages/web/src/components/playwright-scripts/PlaywrightScriptSelector.vue b/packages/web/src/components/playwright-scripts/PlaywrightScriptSelector.vue
index 3b6fa89..1840185 100644
--- a/packages/web/src/components/playwright-scripts/PlaywrightScriptSelector.vue
+++ b/packages/web/src/components/playwright-scripts/PlaywrightScriptSelector.vue
@@ -7,17 +7,12 @@
 			placeholder="输入脚本名搜索"
 		/>
 
-		<template
-			v-for="(script, index) of scripts.filter((s) => s.name.includes(state.search))"
-			:key="index"
+		<CommonSelector
+			:multiple="props.multiple"
+			:list="scripts.filter((s) => s.name.includes(state.search)).map((s) => ({ key: s.name, ...s }))"
+			:on-select="confirm"
 		>
-			<div
-				class="ps"
-				:class="{
-					selected: isSelected(script)
-				}"
-				@click="select(script)"
-			>
+			<template #content="{ item: script }">
 				<b> {{ script.name }} </b>
 				<span
 					style="font-size: 12px"
@@ -35,33 +30,16 @@
 						</span>
 					</span>
 				</span>
-			</div>
-		</template>
-
-		<div class="mt-3 float-end">
-			<a-space>
-				<span
-					style="font-size: 12px"
-					class="text-secondary float-end"
-				>
-					共选中 {{ selectedScripts.length }} 个
-				</span>
-				<a-button
-					style="width: 100px"
-					type="primary"
-					@click="confirm"
-				>
-					确定
-				</a-button>
-			</a-space>
-		</div>
+			</template>
+		</CommonSelector>
 	</div>
 </template>
 
 <script setup lang="ts">
 import { scripts as Scripts } from '@ocs-desktop/app/src/scripts/index';
-import { ref, reactive, computed } from 'vue';
+import { reactive, computed } from 'vue';
 import { RawPlaywrightScript } from './index';
+import CommonSelector from '../CommonSelector.vue';
 
 const state = reactive({
 	search: ''
@@ -84,33 +62,12 @@ const emits = defineEmits<{
 }>();
 
 const scripts = computed<RawPlaywrightScript[]>(() => Scripts.filter((s) => s.name.includes(state.search)));
-const selectedScripts = ref<string[]>(props.playwrightScripts.map((s) => s.name));
 
-function confirm() {
-	const playwrightScripts = selectedScripts.value
-		.map((s) => scripts.value.find((ps) => ps.name === s))
-		.filter(Boolean) as RawPlaywrightScript[];
+function confirm(selectedScripts: RawPlaywrightScript[]) {
 	// 使用拷贝消除响应式特性
-	emits('update:playwrightScripts', JSON.parse(JSON.stringify(playwrightScripts)));
+	emits('update:playwrightScripts', JSON.parse(JSON.stringify(selectedScripts)));
 	emits('confirm');
 }
-
-function select(ps: RawPlaywrightScript) {
-	if (props.multiple) {
-		const index = selectedScripts.value.findIndex((s) => s === ps.name);
-		if (index === -1) {
-			selectedScripts.value.push(ps.name);
-		} else {
-			selectedScripts.value.splice(index, 1);
-		}
-	} else {
-		selectedScripts.value = [ps.name];
-	}
-}
-
-function isSelected(ps: RawPlaywrightScript) {
-	return selectedScripts.value.find((s) => s === ps.name) !== undefined;
-}
 </script>
 
 <style scoped lang="less">
diff --git a/packages/web/src/config/index.ts b/packages/web/src/config/index.ts
index 72ccb25..7446a4e 100644
--- a/packages/web/src/config/index.ts
+++ b/packages/web/src/config/index.ts
@@ -11,6 +11,7 @@ import resources from '@/pages/resources/index.vue';
 import { GreasyForkUserScript, ScriptCatUserScript, CommonUserScript } from '../types/user.script';
 import { remote } from '../utils/remote';
 import { ScriptSearchEngine } from '../types/search';
+import { StoreUserScript } from '../store';
 
 export const config = reactive({
 	/**
@@ -34,7 +35,6 @@ export const config = reactive({
 					component: shallowRef(browsers),
 					meta: {
 						icon: 'view_list',
-						filledIcon: 'view_list',
 						title: '浏览器列表'
 					}
 				},
@@ -44,8 +44,7 @@ export const config = reactive({
 					component: shallowRef(dashboard),
 					meta: {
 						icon: 'image',
-						filledIcon: 'image',
-						title: '监控台'
+						title: '监控列表'
 					}
 				},
 				{
@@ -54,7 +53,6 @@ export const config = reactive({
 					component: shallowRef(userScripts),
 					meta: {
 						icon: 'code',
-						filledIcon: 'code',
 						title: '用户脚本'
 					}
 				},
@@ -64,7 +62,6 @@ export const config = reactive({
 					component: shallowRef(resources),
 					meta: {
 						icon: 'widgets',
-						filledIcon: 'widgets',
 						title: '应用中心'
 					}
 				},
@@ -74,8 +71,7 @@ export const config = reactive({
 					component: shallowRef(setting),
 					meta: {
 						icon: 'settings',
-						filledIcon: 'settings',
-						title: '设置'
+						title: '软件设置'
 					}
 				}
 			]
@@ -86,7 +82,6 @@ export const config = reactive({
 			component: shallowRef(bookmarks),
 			meta: {
 				icon: 'view_list',
-				filledIcon: 'view_list',
 				title: '书签列表',
 				/** 隐藏在左侧菜单栏 */
 				hideInMenu: true
@@ -101,6 +96,7 @@ export const config = reactive({
 	/** 用户脚本搜索引擎 */
 	scriptSearchEngines: [
 		{
+			type: 'scriptcat',
 			name: 'ScriptCat - 脚本猫',
 			homepage: 'https://scriptcat.org',
 			search: async (keyword: string, page: number, size: number) => {
@@ -136,16 +132,31 @@ export const config = reactive({
 						url: `https://scriptcat.org/script-show-page/${item.script.script_id}`,
 						code_url: `https://scriptcat.org/scripts/code/${item.script.script_id}/${item.name}.user.js`,
 						ratings: item.score ? (item.score * 2) / 10 : 0,
-						createTime: item.createtime * 1000,
-						updateTime: item.updatetime * 1000,
+						create_time: item.createtime * 1000,
+						update_time: item.updatetime * 1000,
 						daily_installs: item.today_install,
 						total_installs: item.total_install
 					} as CommonUserScript;
 				});
+			},
+			versionProvider: async (script: StoreUserScript) => {
+				const data = await remote.methods.call('get', `https://scriptcat.org/api/v2/scripts/${script.id}/versions`);
+
+				const list: any[] = data.data.list;
+
+				return list.map((item) => ({
+					version: item.version,
+					url: script.url,
+					code_url:
+						'https://scriptcat.org/scripts/code' +
+						`/${item.script_id}/${script.info?.name}.user.js?version=${item.version}`,
+					create_time: item.createtime * 1000
+				}));
 			}
 		},
 		{
-			name: 'GreasyFork',
+			type: 'greasyfork',
+			name: 'GreasyFork-油叉',
 			homepage: 'https://greasyfork.org',
 			search: async (keyword: string, page: number, size: number) => {
 				const data = await remote.methods.call(
@@ -154,7 +165,8 @@ export const config = reactive({
 						new URLSearchParams({
 							q: keyword,
 							page: page <= 0 ? '1' : page.toString()
-						})
+						}),
+					{}
 				);
 
 				let list = data as GreasyForkUserScript[];
@@ -172,8 +184,8 @@ export const config = reactive({
 						description: item.description,
 						homepage: item.url,
 						id: item.id,
-						createTime: new Date(item.created_at).getTime(),
-						updateTime: new Date(item.code_updated_at).getTime(),
+						create_time: new Date(item.created_at).getTime(),
+						update_time: new Date(item.code_updated_at).getTime(),
 						daily_installs: item.daily_installs,
 						total_installs: item.total_installs,
 						authors: item.users,
@@ -183,6 +195,18 @@ export const config = reactive({
 						version: item.version
 					} as CommonUserScript;
 				});
+			},
+			versionProvider: async (script: StoreUserScript) => {
+				const data: any[] = await remote.methods.call(
+					'get',
+					`https://greasyfork.org/zh-CN/scripts/${script.id}/versions.json`
+				);
+				return data.map((item) => ({
+					version: item.version,
+					url: item.url,
+					code_url: item.code_url,
+					create_time: new Date(item.created_at).getTime()
+				}));
 			}
 		}
 	] as ScriptSearchEngine[],
diff --git a/packages/web/src/fs/folder.ts b/packages/web/src/fs/folder.ts
index 3ac8c96..21e999b 100644
--- a/packages/web/src/fs/folder.ts
+++ b/packages/web/src/fs/folder.ts
@@ -29,6 +29,10 @@ export class Folder<T extends FolderType = FolderType> extends Entity implements
 		}
 	}
 
+	listChildren(): (Browser | Folder)[] {
+		return Object.values(this.children);
+	}
+
 	/**
 	 *	获取文件夹
 	 */
diff --git a/packages/web/src/fs/index.ts b/packages/web/src/fs/index.ts
index fd0d32b..da9360c 100644
--- a/packages/web/src/fs/index.ts
+++ b/packages/web/src/fs/index.ts
@@ -6,7 +6,7 @@ import { root } from './folder';
 export const currentFolder = computed(() => root().find('folder', store.render.browser.currentFolderUid) || root());
 
 /** 当前文件夹的子文件 */
-export const currentEntities = computed(() => currentFolder.value.children);
+export const currentEntities = computed(() => currentFolder.value.listChildren());
 
 /** 当前编辑的浏览器 */
 export const currentBrowser = computed(() => root().find('browser', store.render.browser.currentBrowserUid));
@@ -16,14 +16,15 @@ export const currentSearchedEntities = computed(() => {
 	if (store.render.browser.search.value === '' && store.render.browser.search.tags.length === 0) {
 		return undefined;
 	} else {
-		console.log(store.render.browser.search.tags);
-
 		return root().findAll(
 			(e) =>
 				(store.render.browser.search.value !== '' &&
+					// 判断文件名
 					(e.name.indexOf(store.render.browser.search.value) !== -1 ||
+						// 判断备注
 						(e.type === 'browser' && e.notes.indexOf(store.render.browser.search.value) !== -1))) ||
 				(store.render.browser.search.tags.length !== 0 &&
+					// 判断标签
 					store.render.browser.search.tags.some((t) => e.type === 'browser' && e.tags.some((et) => et.name === t)))
 		);
 	}
diff --git a/packages/web/src/pages/browsers/index.vue b/packages/web/src/pages/browsers/index.vue
index 8e06a2e..225aa2b 100644
--- a/packages/web/src/pages/browsers/index.vue
+++ b/packages/web/src/pages/browsers/index.vue
@@ -24,7 +24,7 @@
 		<!-- 文件操作 -->
 		<FileMultipleOperators></FileMultipleOperators>
 
-		<template v-if="Object.keys(currentEntities).length === 0">
+		<template v-if="currentEntities.length === 0">
 			<div class="d-flex align-items-center mt-5">
 				<a-empty class="p-3">
 					<div>暂无浏览器，可点击上方的帮助查看使用教程哦~</div>
@@ -45,7 +45,7 @@
 			<FileHeader></FileHeader>
 			<!-- 显示浏览器以及文件夹列表 -->
 			<div class="entities">
-				<template v-for="child of currentSearchedEntities ? currentSearchedEntities : currentEntities">
+				<template v-for="child of currentSearchedEntities !== undefined ? currentSearchedEntities : currentEntities">
 					<Entity
 						v-if="child.type !== 'browser'"
 						:key="child.uid"
diff --git a/packages/web/src/pages/index.vue b/packages/web/src/pages/index.vue
index 5ed0ce8..81d9847 100644
--- a/packages/web/src/pages/index.vue
+++ b/packages/web/src/pages/index.vue
@@ -6,12 +6,17 @@
 					<div class="col-12 p-0 m-0"><Title id="title" /></div>
 					<div class="col-12 p-0 m-0 overflow-auto d-flex">
 						<div
-							style="width: 48px"
+							:style="{ width: state.sideBarWidth + 'px' }"
 							class="h-100"
 						>
+							<!-- 侧边栏图标 -->
 							<div class="col-auto sider h-100">
 								<div
 									v-if="routes.find((r) => r.name === 'index')"
+									:style="{
+										width: state.sideBarWidth + 'px',
+										flex: `0 0 ${state.sideBarWidth}px`
+									}"
 									class="sider-items"
 								>
 									<template
@@ -20,28 +25,35 @@
 									>
 										<div
 											class="sider-item"
+											:class="{ active: item.name === currentRoute.name }"
 											@click="clickMenu(item)"
 										>
-											<a-tooltip
+											<component
+												:is="store.render.setting.showSideBarText ? 'div' : Tooltip"
 												:content="item.meta.title"
 												position="right"
 											>
 												<Icon
 													class="icon"
 													:type="item.meta.icon"
-													:theme="item.name === currentRoute.name ? 'filled' : 'outlined'"
+													theme="outlined"
 												/>
-											</a-tooltip>
+											</component>
+
+											<div
+												v-if="store.render.setting.showSideBarText"
+												class="ms-2 sider-item-title"
+											>
+												{{ item.meta.title }}
+											</div>
 										</div>
 									</template>
 								</div>
 
-								<div class="text-secondary version mb-1">
-									{{ version }}
-								</div>
+								<div class="text-secondary version mb-1 ms-2">{{ version }}</div>
 							</div>
 						</div>
-						<div style="width: calc(100% - 48px)">
+						<div :style="{ width: `calc(100% - ${state.sideBarWidth}px)` }">
 							<router-view v-slot="{ Component }">
 								<keep-alive>
 									<component :is="Component" />
@@ -83,7 +95,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref, watch } from 'vue';
+import { onMounted, onUnmounted, ref, watch, reactive, computed } from 'vue';
 import { RouteRecordRaw, useRouter } from 'vue-router';
 import Title from '../components/Title.vue';
 import { router, routes, CustomRouteType } from '../route';
@@ -95,7 +107,6 @@ import {
 	fetchRemoteNotify,
 	setAlwaysOnTop,
 	setAutoLaunch,
-	size,
 	sleep
 } from '../utils';
 import { notify } from '../utils/notify';
@@ -103,13 +114,13 @@ import { remote } from '../utils/remote';
 import Icon from '../components/Icon.vue';
 import zhCN from '@arco-design/web-vue/es/locale/lang/zh-cn';
 import { processes } from '../utils/process';
-import { Message, Modal } from '@arco-design/web-vue';
+import { Message, Modal, Tooltip } from '@arco-design/web-vue';
 import BrowserPanel from '../components/browsers/BrowserPanel.vue';
 import { currentBrowser } from '../fs';
 import { electron, inBrowser } from '../utils/node';
-import Setup from '../components/Setup.vue';
 import { getWindowsRelease } from '../utils/os';
 import cloneDeep from 'lodash/cloneDeep';
+import Setup from '../components/setup.vue';
 
 const { ipcRenderer } = electron;
 const version = ref('');
@@ -117,6 +128,10 @@ const version = ref('');
 // 当前路由
 const currentRoute = useRouter().currentRoute;
 
+const state = reactive({
+	sideBarWidth: computed(() => (store.render.setting.showSideBarText ? 142 : 48))
+});
+
 // 监听软件关闭
 onUnmounted(() => closeAllBrowser(false));
 ipcRenderer.on('close', () => closeAllBrowser(true));
@@ -190,7 +205,6 @@ onMounted(async () => {
 
 	/** 检测浏览器缓存大小，超过10GB则提示 */
 	remote.methods.call('statisticFolderSize', store.paths.userDataDirsFolder).then((totalSize) => {
-		console.log('当前浏览器总缓存大小', size(totalSize));
 		if (totalSize > 1024 * 1024 * 1024 * (store.render.setting.browser.cachesSizeWarningPoint ?? 10)) {
 			clearBrowserCaches(totalSize);
 		}
@@ -303,19 +317,33 @@ function onResize() {
 .sider {
 	-webkit-app-region: no-drag;
 	user-select: none;
-	width: 48px;
-	flex: 0 0 48px;
-	padding: 4px;
+	padding: 4px 12px 4px 0px;
 	text-align: center;
 	display: flex;
-	justify-content: center;
+	justify-content: left;
 	border-right: 1px solid #f3f3f3;
 
 	.sider-items {
 		padding-top: 12px;
 
+		.sider-item {
+			padding: 8px;
+			display: flex;
+			cursor: pointer;
+			align-items: center;
+			border-left: 6px solid white;
+		}
+		.sider-item.active {
+			background-color: #f4f9ff;
+			border-left: 6px solid #1890ff;
+		}
+
+		.sider-item-title {
+			font-size: 13px;
+		}
+
 		.sider-item + .sider-item {
-			margin-top: 22px;
+			margin-top: 12px;
 		}
 
 		.icon {
diff --git a/packages/web/src/pages/setting/index.vue b/packages/web/src/pages/setting/index.vue
index 086f7b9..4d1276f 100644
--- a/packages/web/src/pages/setting/index.vue
+++ b/packages/web/src/pages/setting/index.vue
@@ -1,29 +1,6 @@
 <template>
 	<div class="w-100">
 		<div class="setting text-center p-2 col-12 col-md-10 col-lg-8">
-			<Card title="基本设置">
-				<Description label="开机自启">
-					<a-switch
-						v-model="store.window.autoLaunch"
-						size="small"
-					/>
-				</Description>
-
-				<Description label="窗口置顶">
-					<a-switch
-						v-model="store.window.alwaysOnTop"
-						size="small"
-					/>
-				</Description>
-				<Description label="夜间模式">
-					<a-switch
-						v-model="store.render.setting.theme.dark"
-						size="small"
-						@click="changeTheme"
-					/>
-				</Description>
-			</Card>
-
 			<Card title="通用设置">
 				<BrowserPath></BrowserPath>
 
@@ -76,8 +53,38 @@
 				</Description>
 			</Card>
 
+			<Card title="基本设置">
+				<Description label="开机自启">
+					<a-switch
+						v-model="store.window.autoLaunch"
+						size="small"
+					/>
+				</Description>
+
+				<Description label="窗口置顶">
+					<a-switch
+						v-model="store.window.alwaysOnTop"
+						size="small"
+					/>
+				</Description>
+				<Description label="夜间模式">
+					<a-switch
+						v-model="store.render.setting.theme.dark"
+						size="small"
+						@click="changeTheme"
+					/>
+				</Description>
+				<Description label="显示侧边栏文字">
+					<a-switch
+						v-model="store.render.setting.showSideBarText"
+						size="small"
+						@click="changeTheme"
+					/>
+				</Description>
+			</Card>
+
 			<Card title="其他设置">
-				<Description label="浏览器缓存大小预警">
+				<Description label="浏览器缓存预警阈值">
 					<a-input-number
 						v-model="store.render.setting.browser.cachesSizeWarningPoint"
 						style="width: 200px"
diff --git a/packages/web/src/pages/user-scripts/index.vue b/packages/web/src/pages/user-scripts/index.vue
index 51cc428..4fdc99a 100644
--- a/packages/web/src/pages/user-scripts/index.vue
+++ b/packages/web/src/pages/user-scripts/index.vue
@@ -1,54 +1,66 @@
 <template>
-	<div class="col-12 p-2 m-auto">
-		<div class="text-secondary markdown mb-2">
-			启动浏览器后将会自动 <code>加载/更新</code> 以下脚本到浏览器，如果不想开启自动加载/更新，可以关闭。
-		</div>
-
-		<div class="mb-2">
-			<a-space>
-				<a-button
-					size="mini"
-					type="outline"
-					@click="addScriptFromFile"
-				>
-					+ 添加本地脚本
-				</a-button>
-				<a-button
-					size="mini"
-					type="outline"
-					@click="addScriptFromURL"
-				>
-					+ 添加网络脚本
-				</a-button>
-				<a-button
-					size="mini"
-					@click="enableAll"
-				>
-					全部开启加载
-				</a-button>
-				<a-button
-					size="mini"
-					@click="closeAll"
-				>
-					全部关闭加载
-				</a-button>
-			</a-space>
-		</div>
-
+	<div class="col-12 p-2 m-auto h-100">
 		<a-tabs
-			v-model:activeKey="activeKey"
-			class="h-100"
+			v-model:activeKey="state.activeKey"
+			class="overflow-auto h-100"
 		>
 			<a-tab-pane
 				key="web"
 				title="脚本列表"
 			>
+				<div class="text-secondary markdown mb-2">
+					在<code>浏览器列表</code>中启动浏览器后将会 <code>自动</code>
+					<code>加载/更新</code>
+					以下脚本到浏览器，如果不想开启自动加载/更新，可以关闭。<br />
+					如果想 <code>彻底删除</code>浏览器里面的脚本，请打开相应的浏览器，
+					在右上角浏览器拓展中找到脚本管理器，然后进入管理器中删除
+				</div>
+
+				<div class="mb-2">
+					<a-space>
+						<a-button
+							size="mini"
+							type="outline"
+							@click="addScriptFromFile"
+						>
+							+ 添加本地脚本
+						</a-button>
+						<a-button
+							size="mini"
+							type="outline"
+							@click="addScriptFromURL"
+						>
+							+ 使用网络链接添加脚本
+						</a-button>
+						<a-button
+							size="mini"
+							type="outline"
+							@click="state.activeKey = 'search'"
+						>
+							<Icon type="search"></Icon>
+							搜索网络脚本
+						</a-button>
+						<a-button
+							size="mini"
+							@click="enableAll"
+						>
+							全部开启加载
+						</a-button>
+						<a-button
+							size="mini"
+							@click="closeAll"
+						>
+							全部关闭加载
+						</a-button>
+					</a-space>
+				</div>
+
 				<div v-if="store.render.scripts.length === 0">
 					<a-empty description="暂无数据, 请在上方“搜索脚本”中选择喜欢的脚本进行添加哦~" />
 				</div>
 				<div
 					v-else
-					class="p-2"
+					class="pb-3"
 				>
 					<ScriptList :scripts="store.render.scripts">
 						<template #infos="{ script }">
@@ -87,21 +99,72 @@
 								</a-tag>
 							</a-tooltip>
 
-							<a-tooltip
-								v-if="script.isLocalScript"
-								content="当前脚本处于您计算机本地，因此不能实时获取网络数据进行更新，但软件依然会尝试重复加载以保证您的文件修改后的代码仍能同步到浏览器中。"
-							>
-								<a-tag> 本地脚本 </a-tag>
-							</a-tooltip>
-
-							<a-tooltip content="来源网站">
+							<a-tooltip>
+								<template #content>
+									脚本来源
+									<div v-if="script.isLocalScript">
+										本地脚本：当前脚本处于您计算机本地，因此不能实时获取网络数据进行更新，但软件依然会尝试重复加载以保证您的文件修改后的代码仍能同步到浏览器中，不具备版本切换功能。
+									</div>
+									<div v-else-if="script.isInternetLinkScript">
+										网络脚本：通过网络链接直接加载到软件中的脚本，不具备版本切换功能。
+									</div>
+								</template>
 								<a-tag>
-									{{ getSearchEngine(script.url)?.name || getUserScriptSource(script.url) }}
+									<template v-if="script.isLocalScript">本地脚本</template>
+									<template v-else-if="script.isInternetLinkScript">网络脚本</template>
+									<template v-else>{{ translateSourceType(getSourceType(script)) }}</template>
 								</a-tag>
 							</a-tooltip>
 						</template>
 
 						<template #actions="{ script }">
+							<a-button
+								v-if="
+									!script.isLocalScript &&
+									!script.isInternetLinkScript &&
+									['greasyfork', 'scriptcat'].includes(getSourceType(script))
+								"
+								size="small"
+								type="outline"
+								class="user-script-action"
+								style="background: white"
+								:disabled="state.versionSelector.loading"
+								@click="showScriptVersionList(script)"
+							>
+								<template v-if="state.versionSelector.currentScriptId === script.id && state.versionSelector.loading">
+									<icon-loading />
+								</template>
+								<template v-else> 切换版本 </template>
+							</a-button>
+
+							<a-popover
+								content-class="bg-black"
+								arrow-class="bg-black"
+							>
+								<template #title>
+									<div style="color: white">{{ script.enable ? '关闭脚本自动加载' : '开启脚本自动加载' }}</div>
+								</template>
+								<template #content>
+									<div
+										v-if="!script.enable"
+										style="color: white"
+									>
+										<div>浏览器安装后会自动加载此脚本，</div>
+										<div>如果此脚本没有在浏览器中安装，则会自动安装，</div>
+										<div>如果已安装则会自动更新以及重新安装</div>
+									</div>
+								</template>
+								<a-button
+									size="small"
+									:type="script.enable ? 'outline' : undefined"
+									class="user-script-action"
+									style="background: white"
+									@click="script.enable = !script.enable"
+								>
+									<Icon :type="script.enable ? 'pause' : 'play_circle_outline'" />
+								</a-button>
+							</a-popover>
+
 							<a-tooltip content="移除脚本">
 								<a-popconfirm @ok="onRemoveScript(script)">
 									<template #content>
@@ -117,18 +180,6 @@
 									</a-button>
 								</a-popconfirm>
 							</a-tooltip>
-
-							<a-tooltip :content="script.enable ? '关闭脚本自动加载' : '开启脚本自动加载'">
-								<a-button
-									size="small"
-									:type="script.enable ? 'outline' : undefined"
-									class="user-script-action"
-									style="background: white"
-									@click="script.enable = !script.enable"
-								>
-									<Icon :type="script.enable ? 'pause' : 'play_circle_outline'" />
-								</a-button>
-							</a-tooltip>
 						</template>
 					</ScriptList>
 				</div>
@@ -140,7 +191,7 @@
 				<div class="user-script-page">
 					<div class="col-12 actions d-flex">
 						<a-input-search
-							v-model:value="searchValue"
+							v-model:value="state.searchValue"
 							placeholder="输入脚本名进行搜索"
 							search-button
 							@change="onSearch"
@@ -148,7 +199,7 @@
 					</div>
 
 					<div class="col-12">
-						<a-tabs v-model:activeKey="engineKey">
+						<a-tabs v-model:activeKey="state.engineKey">
 							<a-tab-pane
 								v-for="item of engineSearchList"
 								:key="item.engine.name"
@@ -167,16 +218,9 @@
 								</div>
 								<div
 									v-else
-									class="user-script-list p-2"
+									class="user-script-list pt-0 p-2"
 								>
-									<div class="pb-1">
-										数据来源 :
-										<a
-											:href="item.engine.homepage"
-											target="_blank"
-											>{{ item.engine.homepage }}</a
-										>
-									</div>
+									<div class="text-secondary markdown mb-1">搜索的脚本数据均来自互联网</div>
 
 									<ScriptList :scripts="item.list">
 										<template #actions="data">
@@ -198,19 +242,44 @@
 				</div>
 			</a-tab-pane>
 		</a-tabs>
+
+		<a-modal
+			v-model:visible="state.versionSelector.visible"
+			title="版本切换"
+			:footer="false"
+		>
+			<CommonSelector
+				:list="state.versionSelector.list.map((i) => ({ key: i.version, ...i }))"
+				:on-select="(items) => {
+					changeScriptVersion(state.versionSelector.currentScriptId!,items[0])
+				}"
+				:multiple="false"
+			>
+				<template #content="{ item }">
+					<div class="row">
+						<div class="col-6">{{ item.version }}</div>
+						<div class="text-secondary col-6 text-end">
+							<div>创建于：{{ new Date(item.create_time).toLocaleString() }}</div>
+						</div>
+					</div>
+				</template>
+			</CommonSelector>
+		</a-modal>
 	</div>
 </template>
 
 <script setup lang="ts">
-import { ref, h } from 'vue';
+import { ref, h, reactive } from 'vue';
 import { config } from '../../config';
 import { store, StoreUserScript } from '../../store';
 import { ScriptSearchEngine } from '../../types/search';
-import ScriptList from './ScriptList.vue';
 import Icon from '../../components/Icon.vue';
 import { addScriptFromFile, addScriptFromUrl } from '../../utils/user-scripts';
 import { electron } from '../../utils/node';
-import { Input, Modal } from '@arco-design/web-vue';
+import { Input, Modal, Message } from '@arco-design/web-vue';
+import ScriptList from '../../components/ScriptList.vue';
+import { ScriptSourceType, ScriptVersion } from '../../types/user.script';
+import CommonSelector from '../../components/CommonSelector.vue';
 
 const { shell } = electron;
 
@@ -224,12 +293,25 @@ const engineSearchList = ref<
 	}[]
 >(config.scriptSearchEngines.map((engine) => ({ engine, list: [] })));
 
-/** 标签页 */
-const activeKey = ref('web');
-/** 搜索引擎标签 */
-const engineKey = ref(config.scriptSearchEngines[0].name);
-/** 搜索值 */
-const searchValue = ref('');
+const state = reactive({
+	/** 标签页 */
+	activeKey: 'web',
+	/** 搜索引擎标签 */
+	engineKey: config.scriptSearchEngines[0].name,
+	/** 搜索值 */
+	searchValue: '',
+
+	/**
+	 * 版本切换器
+	 */
+	versionSelector: {
+		currentScriptId: undefined as undefined | number,
+		// 正在请求的脚本ID
+		loading: false,
+		visible: false,
+		list: [] as ScriptVersion[]
+	}
+});
 
 function onSearch(value: string) {
 	// 清空列表
@@ -245,7 +327,8 @@ function onSearch(value: string) {
 				url: s.code_url,
 				enable: true,
 				info: s,
-				isLocalScript: false
+				isLocalScript: false,
+				isInternetLinkScript: false
 			}));
 		} catch (err) {
 			console.log(err);
@@ -275,25 +358,6 @@ function closeAll() {
 	});
 }
 
-/** 判断脚本来源 */
-function getSearchEngine(url: string) {
-	return config.scriptSearchEngines.find((e) => new URL(e.homepage).host === new URL(url).host);
-}
-
-/**
- * 获取脚本来源
- */
-function getUserScriptSource(url: string) {
-	const host = new URL(url).host;
-	if (host.includes('ocsjs.com')) {
-		return '官方脚本';
-	} else if (host.includes('github.com')) {
-		return 'Github';
-	} else {
-		return '未知来源';
-	}
-}
-
 function addScriptFromURL() {
 	const url = ref('');
 	Modal.confirm({
@@ -302,17 +366,119 @@ function addScriptFromURL() {
 		content: () =>
 			h('div', [
 				h(Input, {
-					placeholder: '输入脚本链接（通常以 .user.js 结尾的链接）',
+					placeholder: '输入脚本链接（通常以http开头，并以 .user.js 结尾的链接）',
 					onChange(value) {
 						url.value = value;
 					}
 				})
 			]),
-		onOk() {
-			addScriptFromUrl(url.value);
+		async onOk() {
+			Message.info('正在下载脚本，请稍后...');
+			if (await addScriptFromUrl(url.value)) {
+				Message.success('脚本下载完成');
+			}
 		}
 	});
 }
+
+function getSourceType(script: StoreUserScript): ScriptSourceType {
+	const host = new URL(script.url).host;
+
+	if (host.includes('ocsjs.com')) {
+		return 'official';
+	} else if (host.includes('greasyfork')) {
+		return 'greasyfork';
+	} else if (host.includes('scriptcat')) {
+		return 'scriptcat';
+	}
+
+	return 'unknown';
+}
+
+function translateSourceType(type: ScriptSourceType) {
+	switch (type) {
+		case 'official':
+			return '官方脚本';
+		case 'unknown':
+			return '未知来源';
+		case 'greasyfork':
+			return 'GreasyFork-油叉';
+		case 'scriptcat':
+			return 'ScriptCat-脚本猫';
+		default:
+			return '未知来源';
+	}
+}
+
+/**
+ * 切换脚本版本
+ * @param id 脚本ID
+ */
+async function showScriptVersionList(script: StoreUserScript) {
+	state.versionSelector.loading = true;
+
+	function error() {
+		state.versionSelector.loading = false;
+		state.versionSelector.currentScriptId = undefined;
+	}
+
+	try {
+		state.versionSelector.currentScriptId = script.id;
+
+		const info = script.info;
+
+		const source_type = getSourceType(script);
+
+		if (!info || source_type === 'unknown') {
+			error();
+			return Message.error('脚本来源未知，无法切换版本');
+		}
+
+		if (script.isLocalScript || script.isInternetLinkScript || source_type === 'official') {
+			error();
+			return Message.error('只有通过脚本搜索并安装的网络脚本才具有切换版本的功能，（来源网站必须要有版本控制功能）');
+		}
+
+		const engine = config.scriptSearchEngines.find((engine) => engine.type === source_type);
+		if (!engine || engine.versionProvider === undefined) {
+			error();
+			return Message.error('此脚本没有提供版本切换功能');
+		}
+
+		const versions = await engine.versionProvider(script);
+		console.log(versions);
+
+		state.versionSelector.list = versions;
+
+		state.versionSelector.visible = true;
+	} catch (err) {
+		console.log(err);
+		state.versionSelector.currentScriptId = undefined;
+	}
+	state.versionSelector.loading = false;
+}
+
+function changeScriptVersion(id: number, version: ScriptVersion) {
+	for (const script of store.render.scripts) {
+		if (script.id === id && script.info !== undefined) {
+			if (script.info.version === version.version) {
+				return Message.warning('选择的版本与当前版本相同，无需切换');
+			}
+
+			script.url = version.code_url;
+			script.info.version = version.version;
+			script.info.url = version.url;
+			script.info.code_url = version.code_url;
+			script.info.create_time = version.create_time;
+		}
+	}
+
+	Message.success('切换版本成功');
+	state.versionSelector.currentScriptId = undefined;
+	state.versionSelector.visible = false;
+	state.versionSelector.list = [];
+	state.versionSelector.loading = false;
+}
 </script>
 
 <style scoped lang="less">
@@ -327,7 +493,7 @@ function addScriptFromURL() {
 }
 
 .user-script-action + .user-script-action {
-	margin-top: 4px;
+	margin-left: 8px;
 }
 
 .dis {
diff --git a/packages/web/src/route/index.ts b/packages/web/src/route/index.ts
index 42a1dd2..b70a057 100644
--- a/packages/web/src/route/index.ts
+++ b/packages/web/src/route/index.ts
@@ -11,7 +11,6 @@ export type CustomRouteType = RouteRecordRaw & {
 	component: any;
 	meta: {
 		icon: string;
-		filledIcon: string;
 		title: string;
 		hideInMenu: boolean;
 		tutorial: {
diff --git a/packages/web/src/store/index.ts b/packages/web/src/store/index.ts
index fab6fa4..cb9c47e 100644
--- a/packages/web/src/store/index.ts
+++ b/packages/web/src/store/index.ts
@@ -46,7 +46,8 @@ export type WebStore = {
 		launchOptions: {
 			executablePath: string;
 		};
-
+		/** 显示侧边栏文字 */
+		showSideBarText: boolean;
 		/** 当前的主题 */
 		theme: {
 			dark: boolean;
@@ -115,6 +116,7 @@ export const store: AppStore & { render: WebStore } = reactive(
 				},
 				setting: {
 					browserType: 'diy',
+					showSideBarText: false,
 					launchOptions: {
 						executablePath: ''
 					},
diff --git a/packages/web/src/types/search.ts b/packages/web/src/types/search.ts
index 4d51621..5ec67bf 100644
--- a/packages/web/src/types/search.ts
+++ b/packages/web/src/types/search.ts
@@ -1,7 +1,9 @@
-import { CommonUserScript } from './user.script';
+import { CommonUserScript, ScriptSearchEngineType, ScriptVersionProvider } from './user.script';
 
 export interface ScriptSearchEngine {
+	type: ScriptSearchEngineType;
 	name: string;
 	homepage: string;
 	search: (keyword: string, page: number, size: number) => Promise<CommonUserScript[]>;
+	versionProvider: ScriptVersionProvider;
 }
diff --git a/packages/web/src/types/user.script.ts b/packages/web/src/types/user.script.ts
index d456f7b..8ba5aba 100644
--- a/packages/web/src/types/user.script.ts
+++ b/packages/web/src/types/user.script.ts
@@ -1,3 +1,8 @@
+import { StoreUserScript } from '../store';
+
+export type ScriptSearchEngineType = 'greasyfork' | 'scriptcat';
+export type ScriptSourceType = 'unknown' | 'official' | ScriptSearchEngineType;
+
 export interface CommonUserScript {
 	id: number;
 	url: string;
@@ -15,8 +20,8 @@ export interface CommonUserScript {
 	ratings: number;
 	daily_installs: number;
 	total_installs: number;
-	createTime: number;
-	updateTime: number;
+	create_time: number;
+	update_time: number;
 }
 
 export interface GreasyForkUserScript {
@@ -66,3 +71,12 @@ export interface LocalUserScript {
 	filename: string;
 	createtime: number;
 }
+
+export interface ScriptVersion {
+	version: string;
+	url: string;
+	code_url: string;
+	create_time: number;
+}
+
+export type ScriptVersionProvider = (script: StoreUserScript) => Promise<ScriptVersion[]>;
diff --git a/packages/web/src/utils/index.ts b/packages/web/src/utils/index.ts
index 2e8cfde..5b98d4c 100644
--- a/packages/web/src/utils/index.ts
+++ b/packages/web/src/utils/index.ts
@@ -7,6 +7,7 @@ import { notify } from './notify';
 import { electron } from './node';
 import MarkdownText from '../components/MarkdownText.vue';
 import { OCSApi } from '@ocs-desktop/common/src/api';
+import { SyncOutlined } from '@ant-design/icons-vue';
 
 const { ipcRenderer } = electron;
 
@@ -243,7 +244,25 @@ export function setAlwaysOnTop() {
 	remote.win.call('setAlwaysOnTop', store.window.alwaysOnTop);
 }
 
+export async function checkBrowserCaches() {
+	const modal = Modal.info({
+		simple: false,
+		title: '正在计算浏览器缓存...',
+		footer: false,
+		maskClosable: false,
+		content: () => {
+			return h('div', [h(SyncOutlined, { spin: true }), '正在计算浏览器缓存...']);
+		}
+	});
+	const totalSize = await remote.methods.call('statisticFolderSize', store.paths.userDataDirsFolder);
+	console.log('当前浏览器总缓存大小', size(totalSize));
+	modal.close();
+
+	clearBrowserCaches(totalSize);
+}
+
 export function clearBrowserCaches(totalSize: number) {
+	// 显示详情
 	Modal.confirm({
 		simple: false,
 		title: '清除浏览器缓存',
diff --git a/packages/web/src/utils/user-scripts.ts b/packages/web/src/utils/user-scripts.ts
index 119b78f..075488e 100644
--- a/packages/web/src/utils/user-scripts.ts
+++ b/packages/web/src/utils/user-scripts.ts
@@ -35,6 +35,7 @@ async function addLocalScript(uri: string, text: string) {
 					url: uri,
 					enable: true,
 					isLocalScript: true,
+					isInternetLinkScript: false,
 					info: {
 						id,
 						url: uri,
@@ -42,8 +43,8 @@ async function addLocalScript(uri: string, text: string) {
 						ratings: 0,
 						total_installs: 0,
 						daily_installs: 0,
-						createTime: 0,
-						updateTime: 0,
+						create_time: 0,
+						update_time: 0,
 						...metadata
 					}
 				});
@@ -56,7 +57,8 @@ async function addLocalScript(uri: string, text: string) {
 
 export async function addScriptFromUrl(url: string) {
 	if (store.render.scripts.find((s) => s.url === url)) {
-		return Message.warning('当前脚本已安装。');
+		Message.warning('当前脚本已安装。');
+		return false;
 	}
 
 	if (url.startsWith('http')) {
@@ -65,12 +67,13 @@ export async function addScriptFromUrl(url: string) {
 		if (metadata === undefined) {
 			Message.error('脚本格式不正确，请选择能够解析的用户脚本。');
 		} else {
-			const id = Math.round(Math.random() * 1000000);
+			const id = Math.round(Math.random() * 10000000000000);
 			store.render.scripts.push({
 				id: id,
 				url: url,
 				enable: true,
 				isLocalScript: false,
+				isInternetLinkScript: true,
 				info: {
 					id,
 					url: url,
@@ -78,15 +81,18 @@ export async function addScriptFromUrl(url: string) {
 					ratings: 0,
 					total_installs: 0,
 					daily_installs: 0,
-					createTime: 0,
-					updateTime: 0,
+					create_time: 0,
+					update_time: 0,
 					...metadata
 				}
 			});
 		}
 	} else {
 		Message.error('脚本链接无效，必须是以 http 开头的网络链接。');
+		return false;
 	}
+
+	return true;
 }
 
 function getMetadataFromScript(text: string) {