Chrome DevTools 代理

Here's what I found on the page.

Console errors

• missing-logo.png failed to load (ERR_FILE_NOT_FOUND). The "Brew & Co logo" image is broken.
• fetch of api/plans.json was blocked by CORS, because the page is opened from file:// and the origin is null. The page logged "Failed to load plans: Failed to fetch". That failure is most likely a side effect of opening the page from file://, so serving it over http:// should clear it.
• One DevTools issue: an input has no autocomplete attribute.
• There was also a plain page loaded log.

Network requests (3 total)

• index.html returned 200.
• missing-logo.png failed with ERR_FILE_NOT_FOUND.
• api/plans.json failed with ERR_FAILED, the CORS block above.

Performance trace (reload)

• LCP was 194 ms. TTFB was 0.2 ms, and the other ~194 ms was render delay.
• CLS was 0.00.
• There is no CrUX field data for this page.
• The trace surfaced only the LCPBreakdown insight, so I didn't dig into further insights. The long render delay is the one thing worth a closer look.

Form submission
I entered [email protected], selected "Monthly" and clicked Subscribe. The page then showed this text below the form:

Subscribed [email protected] to Monthly

The email appears in uppercase in that message, although I typed it in lowercase. The page may be transforming it with JavaScript or CSS, which is worth checking if that wasn't intended. The form fields kept their values ([email protected], Monthly).

I only used this local page and visited no other sites.