辅助 ai 调试网页布局问题，我这里有一个解法

[dbow]

考虑到国产的模型普遍不是多模态的，对不支持图片的模型，我暂时想到用这种布局矩阵来做， 大家有什么更好的方法分享一下。 布局矩阵:

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■·Y·····························································C··D··E·F··G···■
■··············································································■
■y·············································································■
■·········H···············································d··········X·········■
■·········I···············································g···h······4·········■
■······················2··································i··j··k····5·········■
■·········J···············································l···m······6·········■
■·········K············3··································n··········7·········■
■·········L····································································■
■·························································e··········8·········■
■·········M···············································r··········9·········■
■····················Z·················a·················s···········A·········■
■························································to··········B·········■
■····················N·················O··················p····················■
■····················u·················v··················q····················■
■··············································································■
■·························································f····················■
■····················b·················c··················R···S···T············■
■··············································································■
■····················P·················Q··················U···V···W············■
■····················w·················x·······································■
■·········································································1····■
■··············································································■
■··············································································■
Legend:
────────────────────────────────────────────────────────────────────────────────

1: <div class="floating-element" onclick="scrollToTop()">
   Matrix Pos: (74, 22) Actual Pos: (1623, 795) Size: 60×60
   Text: "↑"

2: <h1>
   Matrix Pos: (23, 6) Actual Pos: (487, 190) Size: 640×68
   Text: "复杂布局测试页面"

[TArysiyehua]

你让 ai 借助 shell ，curl 请求一下分析得到的网页结构是不是更容易？

[dbow]

@TArysiyehua curl 出来的 html ，ai 诊断不了 css 的影响

[davin]

上个月，Chrome 团队发布了 Chrome DevTools MCP 这个神器，应该可以来解决楼主说的布局调试问题吧！

[dbow]

@davin 看了下，它是截图的，take screenshot