https://cosmos.so

页面构成与技术指标

正文

150

操作候选

49

图片

59

HTML

512 KB

文案

标题字数
27
摘要字数
0没有
H1
0
H2
2

动作

主要入口

Sign up

表单
0/ 2 输入
站内链接
56
站外链接
9

安全与页面元信息

HTTPS
HSTS
CSP
nosniff
viewport
图标
JSON-LD
统计
Mixpanel

构成

Next.js / Tailwind

脚本
92 ext / 27 inline
语言
en
第三方域

Lighthouse

移动端模拟 · 性能评分

28 / 100

2026-09-05 · 本次测试有警告,结果可能不完整。

查看详情

移动端模拟 · 实验室数据,非真实用户体验数据
2026-09-05T04:01:24.272Z · Lighthouse 13.4.1

本次测试有警告,结果可能不完整: The page may not be loading as expected because your test URL (https://cosmos.so/) was redirected to https://www.cosmos.so/. Try testing the second URL directly.

性能28/ 100
可访问性88/ 100
最佳实践96/ 100
SEO100/ 100
LCP · 主要内容出现14,529 ms
CLS · 布局偏移0.224
TBT · 主线程阻塞1,422 ms
FCP · 首次内容绘制2,694 ms
SI · 视觉加载速度6,722 ms

分数会受服务器、网络和测试环境影响,独立于品味/转化评分。诊断保留 Lighthouse 原文。

Browser errors were logged to the console

Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "source": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/RHoc01groUiCcKFU01utED00gPFd9PsnM73n02Dvyi8g1e1fXgs7TlvtbJdMwpdxRQKFhYWB9LjMSUtr02pwF9w734dl8rwj3k1iI/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfMTgyOTI2MGFkZDc5ZjUwYjlhNDVhMTE5NTBjOWExODhiNDZiY2FiYzEzYmZlN2VhZTNlMmRiZjE0ZWYwYTBhYg==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/EQbOGz8Ip554A01geZGoCuuOEE8WFrU01d1ZzhsgZ0129QXdombsM019Cy01RWkwb9RejG6apvKsmgi00QMu5z9c8ha01tE1Ih6EsaUMAqTidxN9JE/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfZmQ5M2EzY2EwNzkwNjEyMDAzZTcxNzllMDlkZTgzMjBmNDhmZWJkN2RjNjZhOTI3MTI5Y2QyYTIxNjUzNTIzMg==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/7TR3i4QZhQHPhdDS2LBxItbGPJ5ZNlin01NMuyl1wKn8G5JvUOfnvUkiopCtgV1m5yUyaDvm8OABruh7Q02l3KeGOz012mAXWFD/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfNzdlZDBmMmE1NmM5YjA4N2MxZjA3NWUyMWMxYmQwMDAwZDlmMmJiYTRiNTBiMjg0NzQ2YzlkZTVjMWEzZTQxYw==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/7TR3i4QZhQHPhdDS2LBxItbGPJ5ZNlin01NMuyl1wKn8G5JvUOfnvUkiopCtgV1m5yUyaDvm8OABruh7Q02l3KeGOz012mAXWFD/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfNzdlZDBmMmE1NmM5YjA4N2MxZjA3NWUyMWMxYmQwMDAwZDlmMmJiYTRiNTBiMjg0NzQ2YzlkZTVjMWEzZTQxYw==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/7TR3i4QZhQHPhdDS2LBxItbGPJ5ZNlin01NMuyl1wKn8G5JvUOfnvUkiopCtgV1m5yUyaDvm8OABruh7Q02l3KeGOz012mAXWFD/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfNzdlZDBmMmE1NmM5YjA4N2MxZjA3NWUyMWMxYmQwMDAwZDlmMmJiYTRiNTBiMjg0NzQ2YzlkZTVjMWEzZTQxYw==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: the server responded with a status of 429 ()",
      "sourceLocation": {
        "url": "https://o4504254864031744.ingest.us.sentry.io/api/5893061/envelope/?sentry_version=7&sentry_key=7d5fb0d736d94771a4f3e9aeb0b91e47&sentry_client=sentry.javascript.nextjs%2F10.38.0",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    }
  ],
  "headings": [
    {
      "key": "sourceLocation",
      "label": "Source",
      "valueType": "source-location"
    },
    {
      "key": "description",
      "label": "Description",
      "valueType": "code"
    }
  ]
}

Reduce initial server response time

Root document took 630 ms

Keep the server response time for the main document short because all other requests depend on it. Learn more about the Time to First Byte metric.

对应元素与资源
{
  "type": "opportunity",
  "items": [
    {
      "url": "https://www.cosmos.so/",
      "responseTime": 633
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "responseTime",
      "label": "Time Spent",
      "valueType": "timespanMs"
    }
  ],
  "overallSavingsMs": 533
}

Avoid multiple page redirects

Est savings of 1,020 ms

Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.

对应元素与资源
{
  "type": "opportunity",
  "items": [
    {
      "url": "https://cosmos.so/",
      "wastedMs": 1022.4290000000001
    },
    {
      "url": "https://www.cosmos.so/",
      "wastedMs": 0
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "wastedMs",
      "label": "Time Spent",
      "valueType": "timespanMs"
    }
  ],
  "overallSavingsMs": 1022.4290000000001
}

Minimize main-thread work

6.3 s

Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "group": "scriptEvaluation",
      "duration": 3988.691999997715,
      "groupLabel": "Script Evaluation"
    },
    {
      "group": "other",
      "duration": 1422.1680000003043,
      "groupLabel": "Other"
    },
    {
      "group": "scriptParseCompile",
      "duration": 457.10000000000036,
      "groupLabel": "Script Parsing & Compilation"
    },
    {
      "group": "styleLayout",
      "duration": 194.07999999999973,
      "groupLabel": "Style & Layout"
    },
    {
      "group": "paintCompositeRender",
      "duration": 155.22399999999928,
      "groupLabel": "Rendering"
    },
    {
      "group": "garbageCollection",
      "duration": 26.951999999999995,
      "groupLabel": "Garbage Collection"
    },
    {
      "group": "parseHTML",
      "duration": 23.432,
      "groupLabel": "Parse HTML & CSS"
    }
  ],
  "headings": [
    {
      "key": "groupLabel",
      "label": "Category",
      "valueType": "text"
    },
    {
      "key": "duration",
      "label": "Time Spent",
      "valueType": "ms",
      "granularity": 1
    }
  ],
  "sortedBy": [
    "duration"
  ]
}

Reduce JavaScript execution time

4.0 s

Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "url": "https://www.cosmos.so/_next/static/chunks/3ru3ufo9n_orw.js",
      "total": 4185.507999998268,
      "scripting": 3020.4959999979424,
      "scriptParseCompile": 21.747999999999998
    },
    {
      "url": "https://www.cosmos.so/_next/static/chunks/0ntvqecpmq6j8.js",
      "total": 911.2600000000098,
      "scripting": 817.1320000000097,
      "scriptParseCompile": 11.687999999999999
    },
    {
      "url": "Unattributable",
      "total": 368.14000000000203,
      "scripting": 15.087999999999983,
      "scriptParseCompile": 0
    },
    {
      "url": "https://www.cosmos.so/",
      "total": 240.39199999999997,
      "scripting": 18.388000000000062,
      "scriptParseCompile": 16.279999999999998
    },
    {
      "url": "https://www.cosmos.so/_next/static/chunks/0fbsr4a2czm6b.js",
      "total": 78.40399999999994,
      "scripting": 54.21599999999995,
      "scriptParseCompile": 23.067999999999998
    }
  ],
  "summary": {
    "wastedMs": 3998.1039999979525
  },
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "total",
      "label": "Total CPU Time",
      "valueType": "ms",
      "granularity": 1
    },
    {
      "key": "scripting",
      "label": "Script Evaluation",
      "valueType": "ms",
      "granularity": 1
    },
    {
      "key": "scriptParseCompile",
      "label": "Script Parse",
      "valueType": "ms",
      "granularity": 1
    }
  ],
  "sortedBy": [
    "total"
  ]
}

Avoid large layout shifts

2 layout shifts found

These are the largest layout shifts observed on the page. Each table item represents a single layout shift, and shows the element that shifted the most. Below each item are possible root causes that led to the layout shift. Some of these layout shifts may not be included in the CLS metric value due to windowing. Learn how to improve CLS

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "node": {
        "lhId": "page-1-BODY",
        "path": "1,HTML,1,BODY",
        "type": "node",
        "snippet": "<body class=\"min-h-dvh overscroll-contain bg-primary font-cosmos-oracle text-primary an…\">",
        "selector": "body.min-h-dvh",
        "nodeLabel": "body.min-h-dvh",
        "boundingRect": {
          "top": 0,
          "left": 0,
          "right": 412,
          "width": 412,
          "bottom": 5939,
          "height": 5939
        }
      },
      "score": 0.1117861482381531
    },
    {
      "score": 0.1117861482381531
    }
  ],
  "headings": [
    {
      "key": "node",
      "label": "Element",
      "valueType": "node",
      "subItemsHeading": {
        "key": "extra"
      }
    },
    {
      "key": "score",
      "label": "Layout shift score",
      "valueType": "numeric",
      "granularity": 0.001,
      "subItemsHeading": {
        "key": "cause",
        "valueType": "text"
      }
    }
  ]
}

Buttons do not have an accessible name

When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "node": {
        "lhId": "1-0-BUTTON",
        "path": "1,HTML,1,BODY,13,DIV,1,DIV,1,DIV,1,BUTTON",
        "type": "node",
        "snippet": "<button type=\"button\" class=\"group/film relative w-full cursor-pointer overflow-hidden rounded-xl shado…\" style=\"aspect-ratio: 1.33333 / 1;\">",
        "selector": "div > div.relative > div.relative > button.group/film",
        "nodeLabel": "div > div.relative > div.relative > button.group/film",
        "explanation": "Fix any of the following:\n  Element does not have inner text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
        "boundingRect": {
          "top": 801,
          "left": 16,
          "right": 396,
          "width": 380,
          "bottom": 1086,
          "height": 285
        }
      }
    }
  ],
  "headings": [
    {
      "key": "node",
      "label": "Failing Elements",
      "valueType": "node",
      "subItemsHeading": {
        "key": "relatedNode",
        "valueType": "node"
      }
    }
  ],
  "debugData": {
    "tags": [
      "cat.name-role-value",
      "wcag2a",
      "wcag412",
      "section508",
      "section508.22.a",
      "TTv5",
      "TT6.a",
      "EN-301-549",
      "EN-9.4.1.2",
      "ACT",
      "RGAAv4",
      "RGAA-11.9.1"
    ],
    "type": "debugdata",
    "impact": "critical"
  }
}

Document does not have a main landmark.

One main landmark helps screen reader users navigate a web page. Learn more about landmarks.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "node": {
        "lhId": "1-1-HTML",
        "path": "1,HTML",
        "type": "node",
        "snippet": "<html lang=\"en\" data-theme=\"light\" style=\"color-scheme: light;\">",
        "selector": "html",
        "nodeLabel": "html",
        "explanation": "Fix all of the following:\n  Document does not have a main landmark",
        "boundingRect": {
          "top": 0,
          "left": 0,
          "right": 412,
          "width": 412,
          "bottom": 5939,
          "height": 5939
        }
      }
    }
  ],
  "headings": [
    {
      "key": "node",
      "label": "Failing Elements",
      "valueType": "node",
      "subItemsHeading": {
        "key": "relatedNode",
        "valueType": "node"
      }
    }
  ],
  "debugData": {
    "tags": [
      "cat.semantics",
      "best-practice"
    ],
    "type": "debugdata",
    "impact": "moderate"
  }
}

`[user-scalable="no"]` is used in the `<meta name="viewport">` element or the `[maximum-scale]` attribute is less than 5.

Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. Learn more about the viewport meta tag.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "node": {
        "lhId": "1-2-META",
        "path": "1,HTML,0,HEAD,1,META",
        "type": "node",
        "snippet": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover\">",
        "selector": "head > meta",
        "nodeLabel": "head > meta",
        "explanation": "Fix any of the following:\n  maximum-scale on <meta> tag disables zooming on mobile devices",
        "boundingRect": {
          "top": 0,
          "left": 0,
          "right": 0,
          "width": 0,
          "bottom": 0,
          "height": 0
        }
      }
    }
  ],
  "headings": [
    {
      "key": "node",
      "label": "Failing Elements",
      "valueType": "node",
      "subItemsHeading": {
        "key": "relatedNode",
        "valueType": "node"
      }
    }
  ],
  "debugData": {
    "tags": [
      "cat.sensory-and-visual-cues",
      "wcag2aa",
      "wcag144",
      "EN-301-549",
      "EN-9.1.4.4",
      "ACT",
      "RGAAv4",
      "RGAA-10.4.2"
    ],
    "type": "debugdata",
    "impact": "moderate"
  }
}

Avoid enormous network payloads

Total size was 19,072 KiB

Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "url": "https://www.cosmos.so/vortex/spiral-38.png",
      "totalBytes": 1280644
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-46.png",
      "totalBytes": 1028489
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-47.png",
      "totalBytes": 972861
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-06.png",
      "totalBytes": 559939
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-15.jpg",
      "totalBytes": 552163
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-40.jpg",
      "totalBytes": 484463
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-28.jpg",
      "totalBytes": 475862
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-20.jpg",
      "totalBytes": 474242
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-16.jpg",
      "totalBytes": 431309
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-04.jpg",
      "totalBytes": 423137
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "totalBytes",
      "label": "Transfer Size",
      "valueType": "bytes"
    }
  ],
  "sortedBy": [
    "totalBytes"
  ]
}
测试环境与原始指标
{
  "finalUrl": "https://www.cosmos.so/",
  "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/151.0.0.0 Safari/537.36",
  "formFactor": "mobile",
  "throttlingMethod": "simulate",
  "throttling": {
    "rttMs": 150,
    "throughputKbps": 1638.4,
    "requestLatencyMs": 562.5,
    "uploadThroughputKbps": 675,
    "cpuSlowdownMultiplier": 4,
    "downloadThroughputKbps": 1474.5600000000002
  },
  "metrics": [
    {
      "id": "largest-contentful-paint",
      "unit": "millisecond",
      "value": 14528.572000000007
    },
    {
      "id": "cumulative-layout-shift",
      "unit": "unitless",
      "value": 0.2235722964763062
    },
    {
      "id": "total-blocking-time",
      "unit": "millisecond",
      "value": 1422.0000000000018
    },
    {
      "id": "first-contentful-paint",
      "unit": "millisecond",
      "value": 2694.4230000000002
    },
    {
      "id": "speed-index",
      "unit": "millisecond",
      "value": 6721.872445860779
    }
  ]
}

01 / 值得借鉴

好设计,具体好在哪

主题先于零散图片

Rooms Lit Only by Lamps 等主题卡同时展示拼图、作者和数量,帮助读者知道将进入哪类集合。

界面不抢图片注意力

白底、淡分隔和小字号分类让不同风格的摄影与平面作品可以同屏出现。

02 / 下一步

值得继续打磨的地方

  1. 01

    提示分类栏可以继续横向浏览

    手机分类只露出前几个条目,剩余分类依赖横向滚动。

    在分类末端提供轻量滚动提示或更多分类入口,保持已选分类在视野内,并验证键盘可以切换所有分类。

03 / 设计语言

把气质拆成可复用的参数

色彩

背景

#ffffff

文字

#0d0d0d

强调

#0d0d0d

字体与尺度

标题字体
cosmosOracle
正文字体
cosmosOracle
标题 / 正文
20px / 16px

间距与形状

区块间距
0px
组件内距
卡片圆角
按钮圆角
3.35544e+07px

参数来自页面元素采样,空值表示未取得;不将单个元素的参数当作全站规范。

04 / 检查依据

观察与实测依据

数据来自同次页面采集;字体、圆角和间距为具体元素采样,不代表全站唯一设计规范。空值为未取得。HTML 为源码体积,不是压缩传输量;脚本数为 DOM 标签数,不是请求数。

转化1 项观察

提示分类栏可以继续横向浏览

手机分类只露出前几个条目,剩余分类依赖横向滚动。

在分类末端提供轻量滚动提示或更多分类入口,保持已选分类在视野内,并验证键盘可以切换所有分类。

mobile.png: category rail clipped at right
上线4 项观察

没有 HSTS 响应头

中优先级

没有 Strict-Transport-Security,第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。

在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。

strict-transport-security missing

没有 Content-Security-Policy

CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载,包括被注入的脚本。

先开 report-only CSP,再收成 default-src 'self' 和明确的 script-src。

content-security-policy missing

没有 X-Content-Type-Options

没有 nosniff,浏览器可能按错误类型解释文件。这是一行响应头。

设置 X-Content-Type-Options: nosniff。

x-content-type-options missing

没有 Referrer-Policy

默认 referrer 可能把站内路径和查询串漏给第三方。

设置 Referrer-Policy: strict-origin-when-cross-origin。

referrer-policy missing
链接分享预览

05 / 开始动手

把下一步,交给你的 AI

优化指令用于调整这个页面;设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。

查看完整指令
请基于 https://cosmos.so 的 2026-09-05T03:19:32.193Z 页面快照优化当前项目。先确认当前实现与快照差异,不要把已变化的内容重新改回旧版。

设计基线
搜索框与分类条在顶部,Selected by Cosmos 用横向收藏卡建立主题,Explore elements 展开多列图片。手机先保留搜索,再以横向分类和双列内容维持浏览密度。复刻重点是收藏层与单张素材层的差别、统一边距和图像比例,而非复制参考站的摄影素材。
{
  "colors": [
    {
      "role": "bg",
      "hex": "#ffffff"
    },
    {
      "role": "ink",
      "hex": "#0d0d0d"
    },
    {
      "role": "accent",
      "hex": "#0d0d0d"
    }
  ],
  "fonts": {
    "body": "cosmosOracle",
    "display": "cosmosOracle",
    "stack": [
      "cosmosOracle"
    ]
  },
  "radius": {
    "button": "3.35544e+07px",
    "card": "",
    "field": "0px"
  },
  "space": {
    "section": "0px",
    "card": ""
  },
  "type": {
    "h1": "20px",
    "body": "16px",
    "weight": "400",
    "lineHeight": "24px",
    "letterSpacing": "-2%"
  }
}
数据来自同次页面采集;字体、圆角和间距为具体元素采样,不代表全站唯一设计规范。空值为未取得。HTML 为源码体积,不是压缩传输量;脚本数为 DOM 标签数,不是请求数。

执行事项
1. 提示分类栏可以继续横向浏览
在分类末端提供轻量滚动提示或更多分类入口,保持已选分类在视野内,并验证键盘可以切换所有分类。
依据: mobile.png: category rail clipped at right

2. 没有 HSTS 响应头
在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。
依据: strict-transport-security missing

3. 没有 Content-Security-Policy
先开 report-only CSP,再收成 default-src 'self' 和明确的 script-src。
依据: content-security-policy missing

4. 没有 X-Content-Type-Options
设置 X-Content-Type-Options: nosniff。
依据: x-content-type-options missing

5. 没有 Referrer-Policy
设置 Referrer-Policy: strict-origin-when-cross-origin。
依据: referrer-policy missing

验收
- 在 1440×900 和 390×844 分别核对文字、布局和主要操作“Sign up”。
- 保留已有品牌、登录和业务链路,不从静态截图推断交互故障。
- 只修复有证据的项;涉及安全响应头时先用报告模式验证现有资源及认证兼容性。
- 对比修改前后的截图,并执行相关功能测试。不要声称未经测试的功能已通过。