当前位置: 首页 > 面试题库 >

如何有效清理大型网站中的样式?

韦智刚
2023-03-14
问题内容

在过去的五年中,我们的网站一直处于持续发展中。碰巧的是,该网站的几乎所有样式都在一个大CSS文件中。随着时间的流逝,此css文件已增长到大约9,000行-我敢肯定,其中一些样式已不再使用,并且许多样式提供了重复的功能。

该网站使用PHP / Smarty编写;共有300多个smarty模板,整个网站包含1000多个不同的页面(读取-唯一的URL)。我确定它会继续增长-
CSS文件也会保持增长。

清理此文件的最佳方法是什么?

更新 :不幸的是,我输入URL的在线解析器对我来说不起作用,因为该网站的75%落后于用户名/密码登录-
取决于登录,有六个不同的角色,每个角色都有自己的角色自己的一组页面。还有交易元素(在线商店),其中页面在(例如)信用卡付款被收取/处理后显示。我怀疑任何在线工具都能够处理其中任何一个。因此,如果有一个工具,它必须在源代码树上工作。


问题答案:

除了遍历每个.tpl文件并手动在文件中搜索选择器之外,我看不到其他任何方式。

您当然可以使用Dust-Me选择器,但仍然必须遍历使用.tpl文件的每个页面(不是每个url,因为我知道其中很多都是重复的)。

听起来是一项艰巨的任务!我以前必须做一次,而我确实做到了,花了我一周的时间。

另一个工具是名为CSSUsage的Firebug插件。据我阅读,它
可以 跨多个页面工作,但是如果在整个站点范围内使用都可能会中断。搏一搏。

胜利! 查看未使用的CSS在线工具。在字段中输入索引网址,瞧瞧,几分钟后,列出所有使用的选择器:)我知道您想要未使用的选择器,但是唯一的工作是在文件(ctrl +f)中找到未使用的选择器,然后删除它们:)

确保使用 第二个 选项,他们会通过电子邮件将整个网页的抓取结果发送给您。可能要花半个小时,但这比一周要好得多。喝点咖啡:)



 类似资料:
  • 我尝试了各种步骤从Android Studio中移除断点。其中之一列在问题断点链接中 我遵循了这个,但是,仍然有一些绿色的红色的圈剩余,是什么是看到的那些在下面的图像和如何有效地去除那些。

  • 问题内容: 有没有可以用来查找未使用的图像文件的方法(反复试验除外)?站点中甚至不存在的ID和类的CSS声明如何? 似乎可以编写一种脚本来扫描站点,对其进行概要分析并查看从未加载过的图像和样式,这似乎是一种方法。 问题答案: 您无需支付任何网络服务或搜索插件的费用,就已经在F12下的Google Chrome浏览器中拥有了该插件

  • 1. 创建站点 一般情况下,您需要在百度统计中创建站点才能获取跟踪代码及查看网站数据。 具体创建步骤: 登录百度统计,选择“管理->网站列表”标签; 点击页面右上方“新增网站”按钮,弹出新建对话框: 输入网站域名,域名格式不正确,将无法创建。 可输入如下4种域名形式: 主域名(如:www.baidu.com) 二级域名(如:sub.baidu.com) 子目录(如:www.baidu.com/su

  • 在我的Spring Boot应用程序中,我有以下入站网关(Java DSL): id(“upperCaseGateway”),我假设,是将“id”设置到网关的部分。 另一方面,我正在尝试以稍微不同的DSL样式实现另一个HTTP入站网关,如下所示: 我的问题是:在创建http入站网关的第二种风格中,如何为网关设置一个id,其值为“getPersonsGateway”?我看到在第1种风格中,通过一个简

  • 给定:一个简单的彩色高光数组,只在CSS中控制。 有没有办法,缩短下面的巨大的CSS代码块,同时保持相同的结果? 换句话说,当选择多个声明时,是否有一种方法可以消除代码中的重复性,只使用CSS?

  • 问题内容: 我想知道当用户单击注销时是否可以删除网站的所有cookie,因为我将其用作删除cookie的功能,但无法正常工作: 有没有一种方法可以删除PHP中某个域的Cookie? 问题答案: PHP setcookie() 从该页面获取的信息将取消设置您域的所有cookie: http://www.php.net/manual/zh/function.setcookie.php#73484