safari

Testing web application on Mac/Safari when I don't own a Mac

戏子无情 提交于 2020-02-16 13:28:05
问题 Having been caught out recently when a web site I launched displayed perfectly on IE, Firefox, Chrome and Safari on Windows but was corrupted when viewed using Safari on the Mac (by a potential customer), I need to start testing how my sites look when viewed on a Mac. Problem is, I don't own a Mac. I've tried BrowsrCamp, which claims to provide VNC access to a Mac with lots of browsers installed, but after finding it unreliable (so far, it's worked 1 day in the last 5) I need another solution

normalize.css 中文版

一曲冷凌霜 提交于 2020-02-16 07:03:44
## normalize.css 中文版 normalize.css 原地址: http://necolas.github.io/normalize.css/ reset 太暴力了,这个 normalize 相对要温柔很多。 译文与原文中空了一行。 /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* /*! 我就是自己看看,然后翻译下下,让大家看看 */ /* ========================================================================== HTML5 display definitions HTML5 新增元素定义 ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. * * 修正IE 8/9 中未定义的块级元素。 */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:

HTML5 01

巧了我就是萌 提交于 2020-02-15 18:21:32
兼容性: 最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。** 语义标签 header标签定义文档的页眉。 nav 标签定义导航链接的部分。 footer 标签定义页脚。 它们和之前的DIV差不多,但是这样更加有利于搜索引擎搜索到(seo)。 article定义标签定义独立的内容 > <article> > <a href="http://www.apple.com">Safari 5 released</a><br /> > 7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, > Apple announced the release of Safari 5 for Windows and Mac...... > </article> <article> <a href="http://www.apple.com">Safari 5 released</a><br /> 7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, Apple announced the release of

vue项目加载前空白的动画过渡效果

蓝咒 提交于 2020-02-15 11:12:43
参考: https://github.com/mgbq/nx-admin 复制以下html内容到项目的index.html中即可: <style> html, body, #app { height: 100%; margin: 0px; padding: 0px; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; /* COLOR 1 */ border-top-color: #FFF; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari

Why is text in disabled form elements not rendered in black in Safari?

陌路散爱 提交于 2020-02-15 07:25:10
问题 I am trying to get the text inside disabled input elements to show up in black . This works in most browsers: input[type="text"][disabled], input[type="text"]:disabled { color: #000000; } In Safari (version 6.0.2), however, the text is slightly brighter. What puzzles me most is that when I select the text in my browser and look up the element information on my console it clearly shows: rgba(0,0,0) So in the code it is black but nonetheless it is rendered in something other than black. How is

WEBAPP开发技巧总结

梦想的初衷 提交于 2020-02-15 00:08:10
自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。 WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件,可以放在Apple Stroe出售,但是Web app却不行。 Web App: 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉 3、维护比较轻松 和一般的web一样,维护比较简单,它其实就是一个站点

WEBAPP开发技巧总结

萝らか妹 提交于 2020-02-15 00:05:11
自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。 WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件,可以放在Apple Stroe出售,但是Web app却不行。 Web App: 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉 3、维护比较轻松 和一般的web一样,维护比较简单,它其实就是一个站点

WEBAPP开发技巧总结

怎甘沉沦 提交于 2020-02-15 00:04:27
自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。 WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件,可以放在Apple Stroe出售,但是Web app却不行。 Web App: 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉 3、维护比较轻松 和一般的web一样,维护比较简单,它其实就是一个站点

WEBAPP开发技巧总结

风流意气都作罢 提交于 2020-02-15 00:04:14
自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。 WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件,可以放在Apple Stroe出售,但是Web app却不行。 Web App: 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉 3、维护比较轻松 和一般的web一样,维护比较简单,它其实就是一个站点

WEBAPP开发技巧总结

旧街凉风 提交于 2020-02-14 23:58:30
自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。 WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件,可以放在Apple Stroe出售,但是Web app却不行。 Web App: 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉 3、维护比较轻松 和一般的web一样,维护比较简单,它其实就是一个站点