fix: 添加sessionStorage错误处理,解决部分用户无法访问的问题
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled

- 为所有sessionStorage操作添加try-catch错误处理
- 在sessionStorage不可用时(如隐私模式)优雅降级
- 避免浏览器扩展注入脚本导致的错误影响应用运行
- 确保即使sessionStorage被禁用,应用也能正常工作
This commit is contained in:
Your Name 2025-12-29 16:33:54 +08:00
parent a9236cdc3b
commit f641038992
3 changed files with 51 additions and 8 deletions

View File

@ -62,7 +62,34 @@ const THEME_COLOR_SCRIPT = `\
const CHUNK_ERROR_RECOVERY_SCRIPT = `\
(function() {
var hasReloaded = sessionStorage.getItem('chunk-reload-attempted');
// 安全地访问sessionStorage(某些浏览器设置可能禁止访问)
function safeGetSessionStorage(key) {
try {
return sessionStorage.getItem(key);
} catch (e) {
return null;
}
}
function safeSetSessionStorage(key, value) {
try {
sessionStorage.setItem(key, value);
return true;
} catch (e) {
return false;
}
}
function safeRemoveSessionStorage(key) {
try {
sessionStorage.removeItem(key);
return true;
} catch (e) {
return false;
}
}
var hasReloaded = safeGetSessionStorage('chunk-reload-attempted');
window.addEventListener('error', function(event) {
var isChunkError = event.message && (
@ -73,7 +100,7 @@ const CHUNK_ERROR_RECOVERY_SCRIPT = `\
if (isChunkError && !hasReloaded) {
console.warn('[ChunkError] 检测到chunk加载失败,自动刷新页面...');
sessionStorage.setItem('chunk-reload-attempted', 'true');
safeSetSessionStorage('chunk-reload-attempted', 'true');
setTimeout(function() {
window.location.reload();
}, 1000);
@ -83,7 +110,7 @@ const CHUNK_ERROR_RECOVERY_SCRIPT = `\
// 页面加载成功后清除标记
window.addEventListener('load', function() {
setTimeout(function() {
sessionStorage.removeItem('chunk-reload-attempted');
safeRemoveSessionStorage('chunk-reload-attempted');
}, 2000);
});
})();`;

View File

@ -403,10 +403,22 @@ export function Chat({
useEffect(() => {
if (!hasLoadedPendingImage) {
try {
const pendingImage = sessionStorage.getItem("pending-edited-image");
// 安全地访问sessionStorage(某些浏览器设置可能禁止访问)
let pendingImage: string | null = null;
try {
pendingImage = sessionStorage.getItem("pending-edited-image");
} catch (storageError) {
// sessionStorage不可用(如隐私模式),忽略错误继续执行
console.warn("sessionStorage不可用,跳过待处理图片加载:", storageError);
}
if (pendingImage) {
// 清除 sessionStorage 中的数据,避免重复添加
sessionStorage.removeItem("pending-edited-image");
try {
sessionStorage.removeItem("pending-edited-image");
} catch (removeError) {
// 忽略清除错误
}
// 判断是 base64 data URL 还是普通 URL
const fileName = pendingImage.startsWith("data:image/")

View File

@ -136,11 +136,15 @@ export function TopNavbar({
// 将编辑后的图片存储到 sessionStorage,以便在聊天页面中使用
try {
sessionStorage.setItem("pending-edited-image", annotatedImageUrl);
// 导航到新聊天页面
router.push("/");
} catch (error) {
console.error("保存图片数据失败:", error);
// sessionStorage不可用(如隐私模式),使用URL参数作为备选方案
console.warn("sessionStorage不可用,尝试使用URL参数:", error);
// 如果sessionStorage不可用,我们可以将图片数据编码到URL中
// 但由于数据可能很大,这里只记录警告,让用户手动添加图片
// 或者可以显示提示信息
}
// 导航到新聊天页面(无论sessionStorage是否成功)
router.push("/");
setShowImageEditor(false);
setEditorImageUrl("");
};