Brian Yao 发布的文章

先说说什么是https吧。在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信 息传输将更加安全。Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。http的连接很简单 ,是无状态的... HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议要比http协
议安全。( :exclaim: 什么你的站还没使用HTTPS协议,现在的小黄网都用HTTPS协议了, 手动滑稽)


现在ssl证书好多是收费的,但是也有些免费,自己申请就好。申请到部署这部分就不细说了。 当我们部署完,会发现打开我们的wordpress站点时,网址左边的小锁会有个黄色的小感叹号,如果有强 迫症的朋友,一定会全网搜索(话说我也忍不了) 为什么会出现这种情况?因为你的页面上还有http的存在,你会发现wordpress中媒体库的url都是http 的。网上的解决方法有很多,一劳永逸的当然是去改代码。

如果是小白,我推荐使用Easy HTTPS(SSL) Redirection这款插件,把 勾勾打上。 完成,轻松搞定全站https!

/**The End*/

 

 

通过一段代码实现统计网页中 HTML、JS、CSS 的大小,很实用的一个小方法,只需要在浏览器控制台 Console 中运行即可。

注意:因为这段代码是遍历页面中的 style 标签,所以如果是引用进来的 CSS 资源无法进行统计。

const total = document.documentElement.innerHTML.length;
const scripts = Array.from(document.getElementsByTagName('script')).reduce((total, e) => total += e.innerHTML.length, 0);
const styles = Array.from(document.getElementsByTagName('style')).reduce((total, e) => total += e.innerHTML.length, 0);
console.log("JS:", scripts, "CSS:", styles, "HTML:", total - scripts - styles);

[title]效果演示[/title]