App卸载后,真的卸载完毕了吗?小编教你四招清理App遗留代码

    很多卖家朋友在安装App的时候都会选择很久,也会比对很多,一是安装App的类型,二是同一类型的不同开发者的App。殊不知,我们每卸载一个App,表面上看是卸载完毕了,但其实都会在我们的主题里留下遗留代码而这些遗留代码一是会影响网站加载速度,二是会影响同类型其他App的安装

    今天我通过两个使用频率最高的同类型App,教大家如何删除遗留代码。

01

折扣App

    先看折扣App,如下,我一次性安装了四个折扣App,其中product discount代码需要自己加进去,所以对我的主题代码有影响的实际上是另外三个App。通常折扣App添加的代码是这样的,theme.liquid里直接include自建文件,然后cart.liquid中会增加部分代码

    而在我将折扣App全部删完之后,这部分代码仍然存在。通常App开发者在发现用户安装App时,会嵌入部分代码,有些App会把嵌入之前的帮用户备份一份,取名规则一般是原有的名称+without+App的名字,便于我们卸载App时直接把现有的删掉,恢复原来的文件。但是这种有个弊端,比如你在安装这个App过后,又安装了其他App,改写了代码,那么之前的备份文件并不会自动加载改写后的代码,因此,基本每什么用,除非装完之后立马卸载。

    在监测到用户卸载App后,开发者会有如下几种做法,一是删除掉嵌入进去的代码,二是注释掉嵌入进去的代码,三是什么都不改变。目前第二种和第三种处理方式比较常见,于是才有我们说的遗留代码的问题。

    为什么说遗留代码会影响网站加载速度呢?其实无用代码增加网站大小只是很小的原因,更多的是这些代码的加载可能会伴随外部文件的加载,这样会造成请求次数的增加,从而影响速度。只有将这些遗留代码清理干净,我们的App才算是卸载完毕。

    所以我们每删除一个有可能改变前台界面的App时,我们就需要检查代码是否清理干净。如上图,我们需要将清理红框中的代码。另外,红框中的每一个include都代表加载一个独立的代码文件,这些文件通常位于 Snippets中。 我们简单看一下每个App的遗留代码,不看不知道,一看绝对吓你们一跳。

    1.Discount Pricing

    2.Volume Discount

    3.Quantity Discount

    对于隐藏在右侧文件里的代码,直接找出来删除掉对应代码,如上图。如果是独立的liquid文件,则点开文件,选择右侧的delete即可,如下图。对应的备份文件也可直接删除。

    折扣App一般会修改购物车显示价格部分的代码,很多bug也是从这里出的。因此,这部分代码尽量删除。很多人问,cart.liquid文件那么多代码,作为小白来说,实在是不知道如何删除。我们可以搜索关键字,一般是App的品牌或者是品牌缩写,如果没搜到,再搜索“price”,就能搜到价格相关的代码,比如下图:

    删除cart.liquid中的遗留代码时要注意以下两点:

    1.遗留代码一般不止一处,最少两处到三处,一个是单价显示,二是提示信息显示,三是总价显示。随意ctrl + F的时候多搜查几个,显示完整为止,不要搜出一个就忘乎所以了。

    2.嵌入到购物车页面点代码一般是<span></span>,所以删除代码时要成对标签删除,不能只删前不删后,也不能不删后只删前,这样容易代码混乱,造成问题

    删除这种嵌入在原本代码深处的代码时,对于自己有疑问的应该咨询App开发者或者是懂代码的人,更重要的是删除之前先备份当前文件,避免造成错误。

02

评论App

    评论App我任意选择了几款目前使用人数比较多的几款,安装之后如下:

    评论App修改嵌入代码时,基本是修改四个地方,一是theme.liquid,二是product.liquid,三是product-template.liquid,四是product-grid-item.liquid。上面四个文件我是以Brooklyn主题为例,但是其他主题基本思路是一样的,前面两个基本会有,后面两个分别是产品详情页部分以及分类里面每一个产品卡片部分。

    在我删除掉所有的评论App后,上面增加的代码并没有被清理掉,也没有被注释掉,因此,我们删除后需要手动检查并删除。

    总结一下,不管是什么App,只要涉及到修改代码的,卸载后应按照如下步骤检查是否删除并做清理

    1.theme.liquid中是否有引入该App的文件,通过App名称搜索即可,有些需要用App开发者名称或简写搜索。

    2.如果theme.liquid中有引入文件,再在左侧代码目录中按照名称搜索文件,点开之后delete即可。有时我们搜索出来并不止一个文件,一般只要是搜索跟其相关的,都需要删掉。

    3.具体页面显示的对应代码文件中查找并删除。如折扣App会影响购物车页面的显示,所以我会在cart.liquid中查找,评论App会影响产品页面和分类页中卡片内容的显示,所以我会在这些相关文件中查找遗留代码。

    4.删除嵌入代码需谨慎,删除前应备份当前文件。尤其是嵌入到原本代码里面,混合在一起,非单独一行或多行的,如折扣App中购物车页面价格,App’基本都是把原来主题代码拆开,往中间插入。

    本篇文章就分享到这里了。如果对文中所涉及内容有疑问处,可联系小编QQ : 2790641050。欢迎加入免费Shopify技术交流qq群:632205694,如有疑问,也可在群中与小编实时交流。    

   除非注明,文章均为 SFS技术服务 原创,转载请注明来源,谢谢! 

   SFS为国内首家专注于Shopify技术服务的供应商,因为专注,所以专业

更多精彩推荐,请关注我们
专业的技术服务

本篇文章来源于微信公众号: shopify技术服务

发表评论

关闭菜单