先森完成手机自适应的大框架之后,开始处理各种BUG,其中UC浏览器安卓版中的BUG尤为突出。BUG表现为首页轮播幻灯片图片放大,互相遮盖。而且,这个问题仅仅出现在安卓手机中的UC浏览器里,表现情况如下图:
安卓UC浏览器BUG
出现了这种问题,让先森感到很郁闷。不论是安卓自带浏览器,还是iPhone各种浏览器,都不会出现这种问题,只有安卓UC浏览器出问题。
既然出现了图片互相遮盖的问题,肯定是CSS没有写好。这时候先森想起逛知更鸟博客的时候,鸟叔的推荐15款响应式Web设计测试工具文章中的Adobe Edge Inspect CC:
Adobe Edge Inspect CC
如果对鸟叔的这篇文章感兴趣的可以去看看:
折腾过程
Adobe Edge Inspect CC的推荐语写的很好:Adobe Edge可以让你在设备上预览和检查响应式网站。
先森起初以为这只是个浏览器插件,想着很好用,刚好拿来调试UC浏览器上出现的问题,就在谷歌插件里面搜索安装了。然而,并没有这么简单。
当然,要上谷歌,需要科学上网。还不会的童鞋可以看这里:
科学上网:分享两款免费好用的帆墙软件
电脑和手机都安装好这个插件之后,先森无论如何都无法照着网上教程一样连接,chrome浏览器中Adobe Edge插件一直只显示一句话:“Please start the Adobe Edge Inspect Application...Get Edge Inspect.”(请启动的Adobe边缘检查应用程序...找边检查。)
请启动的Adobe边缘检查应用程序...找边检查
而点击链接,就只能到Adobe官网中介绍Adobe Edge Inspect CC的网页。通过观察网络教程的截图先森发现,先森Adobe Edge插件和别人教程里的不一样,首先和chrome商店里插件下载的截图中就不一样。
chrome商店中的Adobe Edge
插件下载页的Adobe Edge在浏览器中的图标是橙色的,而先森的则是灰色的,明显的未启动的样式。后来知道了,还有一个Adobe Edge Inspect CC的软件,好吧,先森下载安装。
结果安装好之后软件界面都打不开,直接跳个提示框:"Your username and password are incorrect or your account does not have access to Edge Inspect CC"(您的用户名和密码不正确或您的帐户没有访问到边缘检查CC)。
好吧,先森还没有崩溃。接着百度谷歌之后了解到,需要安装登录一个CreativeCloudSet-Up.exe,Adobe的一个什么创意云套装,专门下载、安装和更新Adobe CC系列软件的。
登录需要Adobe ID,没有的话,还需要注册。放心,注册免费,不会对你造成什么不良影响。好像注册的时候需要科学上网。
如果你看到上面就跑出去注册ID了的话,再看这里先森会告诉你,还是没有什么卵用。
登录之后,第一次打开Adobe Edge Inspect CC的时候,OK,成功打开,没有跳提示框。打开手机Adobe Edge Inspect CC插件,终于搜到电脑了。但是!但是打开浏览器还是灰色状态!也就是还是没有启动。
好吧,先森认为重启一次应该可以凑效。
重启ING...
登录创意云,OK,没问题。打开Adobe Edge Inspect CC软件,出问题了。提示框又出来了。这下先森没辙了。
折腾总结:
1.浪费了半天时间;
2.安卓UC浏览器中的BUG并没有修复;
3.先森感到很不爽。
折腾第一记·完
转载请注明出处来自https://www.capjsj.cn/wysjtsz_aeic_ztrj.html