没有不值得去解决的问题,也没有不值得去学习的技术!

分析 Shopify CLI 预览本地主题时,预览横幅未显示的原因

查看 http://127.0.0.1:9292 ,预览本地主题时,预览横幅未显示
1、Shopify 后台预览主题 Sense,仅保留参数(preview_theme_id):GET https://shuijingwanwq-development.myshopify.com/?preview_theme_id=130698641593 。预览横幅显示。如图1、图2
Shopify 后台预览主题 Sense,仅保留参数(preview_theme_id):GET https://shuijingwanwq-development.myshopify.com/?preview_theme_id=130698641593
图1
 
预览横幅显示
图2
2、在 Shopify CLI 中执行命令:shopify theme dev –verbose ,在浏览器中打开此网址:http://127.0.0.1:9292 ,可预览当前本地环境的正在开发中的主题。如图3
在 Shopify CLI 中执行命令:shopify theme dev --verbose ,在浏览器中打开此网址:http://127.0.0.1:9292 ,可预览当前本地环境的正在开发中的主题
图3


┃ Serving .
┃
┃ Please open this URL in your browser:
┃ http://127.0.0.1:9292
┃
┃ Customize this theme in the Theme Editor, and use 'theme pull' to get the changes:
┃ https://shuijingwanwq-development.myshopify.com/admin/themes/133598314681/editor
┃
┃ Share this theme preview:
┃ https://shuijingwanwq-development.myshopify.com/?preview_theme_id=133598314681
┃
┃ (Use Ctrl-C to stop)
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ (4.34s) ━━━
[2023-03-09 10:01:13] INFO WEBrick 1.7.0
[2023-03-09 10:01:13] INFO ruby 3.1.1 (2022-02-18) [x64-mingw-ucrt]
[2023-03-09 10:01:13] INFO WEBrick::HTTPServer#start: pid=5384 port=9292
DEBUG Refreshing preview _secure_session_id cookie
DEBUG Proxying HEAD https://shuijingwanwq-development.myshopify.com/?preview_theme_id=133598314681&_fd=0&pb=0
DEBUG `-> 302 request_id: 38f7af92-8e4d-408a-be4c-a3c1e289d479
DEBUG Proxying GET https://shuijingwanwq-development.myshopify.com/?_fd=0&pb=0
DEBUG `-> 302 request_id: 03d906fc-6399-4eb7-87cf-e34a2f345397


3、查看 http://127.0.0.1:9292 ,预览本地主题时,预览横幅未显示。如图4
查看 http://127.0.0.1:9292 ,预览本地主题时,预览横幅未显示
图4
4、通过步骤 3 ,可确认代理至线上网址的参数多出了:_fd=0&pb=0 ,经过尝试,可以确认预览横幅是否显示是基于参数:pb 进行控制的。pb 的完整单词应该是:preview bar。在步骤 1 的请求网址中添加参数:pb=0,预览横幅不再显示。如图5
通过步骤 3 ,可确认代理至线上网址的参数多出了:_fd=0&pb=0 ,经过尝试,可以确认预览横幅是否显示是基于参数:pb 进行控制的。pb 的完整单词应该是:preview bar。在步骤 1 的请求网址中添加参数:pb=0,预览横幅不再显示
图5

需要长期技术维护或远程问题排查?

我是拥有 15+ 年经验的 PHP / Go 后端工程师,长期关注已有系统维护、Bug 修复、性能优化、服务器排查、WordPress 网站维护和小功能迭代。

如果你的项目遇到以下情况,可以先从一次小问题排查开始合作:

  • ✅ PHP / Laravel / Yii2 老项目无人维护
  • ✅ Go / Gin 后端接口需要排查或优化
  • ✅ WordPress 网站访问慢、报错或插件冲突
  • ✅ Nginx / MySQL / Redis / Linux 服务器异常
  • ✅ CDN / Cloudflare / DNS / HTTPS 配置问题
  • ✅ 需要长期远程技术支持或兼职维护

更多介绍请查看:关于我 & 合作

微信:13980074657
邮箱:shuijingwanwq@gmail.com
Telegram:@shuijingwan
GitHub:https://github.com/shuijingwan

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理