Shopify Theme Inspector for Chrome2.0.4
在您的 Shopify 商店中分析和调试 Liquid 模板在您的 Shopify 商店中分析和调试 Liquid 模板Shopify 主题开箱即用，但之后进行的 Liquid 更改可能会导致速度变慢。适用于 Chrome 的 Shopify 主题检查器通过提供 Liquid 渲染分析数据的可视化来帮助识别正在降
官方版无广告31
更新日期：2021年 8月 29日分类标签：开发语言：中文平台：
405KB 0 人已下载 手机查看
![Shopify Theme Inspector for Chrome的使用截图[1]](https://cdn1.nanbk.com/file/crx_detail20762/573vhmqsm104y.jpg)
简介:
在您的 Shopify 商店中分析和调试 Liquid 模板在您的 Shopify 商店中分析和调试 Liquid 模板Shopify 主题开箱即用，但之后进行的 Liquid 更改可能会导致速度变慢。适用于 Chrome 的 Shopify 主题检查器通过提供 Liquid 渲染分析数据的可视化来帮助识别正在降低网站速度的 Liquid 更改，并为您提供分类 Shopify 主题中最慢部分的方法。安装此扩展程序后，您应该能够使用 Shopify 凭据登录并在 Chrome DevTools 中看到“Shopify”面板。此工具可帮助您将结果可视化为可读且易于理解的火焰图。您可以检查火焰图节点以将性能问题定位到精确的文件和行。一个方便的代码片段链接将在您的管理代码编辑器中打开 Liquid 的确切行，以便您可以在上下文中查看和编辑代码。这是在调试 Liquid 性能的同时加速工作流程的完美工具。如果您想了解更多信息、贡献功能、打开问题或提出功能请求，您可以查看 shopify/shopify-theme-inspector Github 存储库。
相关资源
WhatFont 识别网页字体
识别网页字体的最简单方法。找出网页中使用的字体的最简单方法是什么？ Firebug 和 Webkit Inspector 对开发人员来说足够容易使用。但是，对于其他人来说，这应该不是必需的。使用此扩展程序，您只需将鼠标悬停在 Web 字体上即可检查它们。就是这么简单和优雅。它还检测用于提供网络字体的服务。支持 T
SEO Content Checker: Plagiarism & Readability
易于使用的 SEO 内容检查器，有助于检查文本的抄袭、可读性、相关性、关键字填充。易于使用的 SEO 内容检查器，有助于检查文本的抄袭、可读性、相关性、关键字填充。 1.查找重复内容和抄袭来源。单击任何来源以突出显示重复的文本部分。如果需要，请立即重写这些部分。 2. 识别冗余短语。冗余短语是无用的过滤器，不会为
SelectorGadget
简单、强大的 CSS 选择器生成。 Selector Gadget 是一个开源的 Chrome 扩展，它使复杂网站上的 CSS 选择器生成和发现变得轻而易举。安装扩展程序后，转到任何页面并启动它。网站右下角将打开一个框。单击您希望选择器匹配的页面元素（它将变为绿色）。 SelectorGadget 然后将为该元素
Certificate Info
显示您连接的服务器的 TLS 证书信息和验证级别。安装前请仔细阅读说明：这是一个简单的扩展，显示您访问的网站的 SSL / TLS 服务器证书的验证级别、到期时间和更多信息，以帮助确定服务器的身份。注意事项： 1. 由于 Chrome 扩展 API 的限制，验证信息由我们的后端 API 获取和处理，它只接收您访问
Visual Inspector
用于网站反馈和修复设计错误的协作工具。向 Visual Inspector 打个招呼 - 令人愉快的 Chrome 扩展程序，设计人员无需编码即可检查/编辑实时网页。数以千计的优秀设计师（例如您）使用 Visual Inspectors 每月高枕无忧地审查和发布数百万像素完美的网页。 Visual Inspect
HTML Heading Highlighter
突出显示页面上的所有标题，以便用户直观地查看标题层次结构。高亮显示页面上所有标题 (h2-h6) 的 chrome 扩展。我将此扩展为帮助我在执行可访问性审核时快速了解标题结构。每个标题都有一个带有特定颜色的轮廓。正文还附加了一个键，用于说明颜色到标题的映射。
暂无评论...