将pc网站适配成手机网页

发布时间:2020年6月1日 查看次数:78

网站适配手机网页非常的重要,它关系到你在移动互联网时代下的生存好坏,这一点也不夸张,手机已经取代pc成为流量的天下,早在2014~2015年就有统计数据是百度移动互联网搜索流量已经大于pc端,而且从现在的人的行为习惯也可以很好的理解这一点。

下面来自一网友将pc网站适配成手机网页的过程记录,希望对大家有所帮助。

扒站了个wap页面做的不错的网页,想改一下然后占为己有。毕竟天下网站一大抄。

开始用chrome按路径扒的并不能用,虽然有HTML有Css有JS,但打开index.html并不能载入样式。我觉得应该是扒的不好,不够完整,于是用了一个叫做“HTTrack Website Copier”的软件,操作流程相当傻瓜,功能却极其强大。还真别说,下载了俩多钟头终于能完整操作了。这俩钟头我都怕把不该看到的下载下来,后来发现我错了,人家对方程序员没我这么智障。但是零零总值下了300+MB。

不会有这么多有用信息的,说实话一个前端30MB一般都到不了,第二天又开始试着精简。目录下有许多*.tmp文件,这些都是在linux服务器才有用的,我还是要尽量把这些东西都删了,很碍眼。于是想在想删tmp文件的文件夹下搜索“*.tmp”,却狗逼都搜不到…别说tmp了,你搜什么都没有,说实话根本不知道出了点什么事,就只能百度解决。

于是搜“系统搜索不到文件”,迎面出来一个百度经验,问题是“win7搜索不到文件,这是怎么么回事”。好像还挺切题的

于是一顿操作,是查看控制面板服务里的Windows Search,完事再改“索引选项”,改的时候就发现不太对,是对计算机目录的操作;改完才发现改的是左下角的微软小娜那的索引项……

心里暗骂mmp,气得我去手动删除tmp文件了…而我不小心后退到上级目录(想要搜索tmp没有搜到的上级目录)却发现可以搜索了?不太明白是为什么,但真的是这样。

删完了发现空文档太多了,手动删很累,想用java里的requireNonNull判非空的方法来实现,这个类里最关键的一句查了下应该这样实现:

// 是目录且为空
if (temp.isDirectory() && Objects.requireNonNull(temp.listFiles()).length <= 0)
{
temp.delete();
}
具体实现:

package com.func;
import java.io.File;
import java.util.ArrayList;
import java.util.List;
/**
* 删除指定目录下的所有空文件夹
*
* @author zdw
*
*/
public class FileUtils
{
List<File> list = new ArrayList<File>();
// 得到某一目录下的所有文件夹
public List<File> visitAll(File root)
{
File[] dirs = root.listFiles();
if (dirs != null)
{
for (int i = 0; i < dirs.length; i++)
{
if (dirs[i].isDirectory())
{
System.out.println(“name:” + dirs[i].getPath());
list.add(dirs[i]);
}
visitAll(dirs[i]);
}
}
return list;
}
/**
* 删除空的文件夹
* @param list
*/
public void removeNullFile(List<File> list)
{
for (int i = 0; i < list.size(); i++)
{
File temp = list.get(i);
// 是目录且为空
if (temp.isDirectory() && temp.listFiles().length <= 0)
{
temp.delete();
}
}
}
/**
* @param args
*/
public static void main(String[] args)
{
FileUtils m = new FileUtils();
List<File> list = m.visitAll(new File(“e:/aaa”));
System.out.println(list.size());
for (int i = 0; i < list.size(); i++)
{
System.out.println(list.get(i).getPath());
}
m.removeNullFile(list);
System.out.println(“ok”);
}
}
这么优美的代码当然不是我写的啦~~不过逻辑还是比较简单的,就是用listFiles()存储所有的文件夹路径,然后用if (temp.isDirectory() && temp.listFiles().length <= 0)判文件夹是否为空。

转载此文章须经作者同意,并附上出处及文章链接。 http://kuaping.com/pc-wangzhan-shipei-shouji/

跨屏Sass平台网站一键适配手机方案

只需要在原网站上加一行JS代码即可快速适配手机,3分钟即可部署上线

电话:027-81777732

邮箱:fuwu@kuaping.com

地址:武汉光谷SBI创业街特1栋单元1903

网址:www.kuaping.com