行测侠网站自动全屏(F11)的兼容性问题

网站全屏即是按下F11键的结果,给网站使用者带来沉浸式体验,能提高读者阅读质量。一些小说,博客网站都有添加此功能。
 
把按下F11转化为js函数fullscreen();并以onload="fullscreen();"插入网站body标签和window.onload = function() {fullscreen()};插入<script></script>
 
网站经过3个电脑端浏览器和9个手机端浏览器反复测试
 
在电脑端,360浏览器和谷歌浏览器可以一进入网站或网页刷新自动全屏,火狐不可以
 
在手机端只有X浏览器可以,并且谷歌浏览器在重复快速刷新时偶尔可以全屏。
 
然而用按键button执行fullscreen();函数则在任何端的任何浏览器都可实现全屏
 
初步怀疑是网页加载方面的问题
 
不过就算此功能正常,还是不太敢用到网站上。有强迫用户的嫌疑,就像一些网页一点进去直接跳到QQ加群界面了

行测侠网站之按键位置解决方案

其中一个按键(key)的高度已浏览器高度取一定的比例,如50%。
 
另一个按键(next)则以显示答案按键的高度为基准再下降一定的位置。
 
若两个按键都按浏览器高度固定比例,则随着浏览器屏幕高度缩小,两个按钮会重叠。
 
为什么要判断窗口大小前再重复一遍,是为了对应网页刷新,网页刷新window.onresize = function()不会触发,下一题按键不能放置在目标位置。

坑爹的又拍云

行测侠网站的ssl证书在freessl.org申请的,浏览器一直提示证书有问题。

所以想换个ssl证书,然后看到又拍云的免费ssl证书广告。

注册,实名一顿操作,却说要域名备案,且已绑定在它的 CDN 或云存储服务。

坑爹

http强制跳转https

http强制跳转https可增加搜索引擎对网站的友好度,对SEO有好处
 
方法:
1.域名申请好https证书
 
2.根目录建立.htaccess文件(以Linux系统的apache环境为例子)。内容如下

RewriteEngine On
RewriteCond %{HTTPS} !=on
隐藏