手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。
从万维网(Web,以下简称 Web)成立,距今已经 29 年了。在 PC 时代,可以说 Web 统治了整个移动互联网,但进入移动时代后,随着 Native App 的兴起,Web 丧失了互联网的绝对统治力,但却依然是当今移动互联网中占据大量应用场景和流量。
译者:吕东昊 审校:董梁 本文长度为3004字,预估阅读时间5分钟。 我们今天要向大家分享关于打造移动网站友好用户体验的12个技巧 介绍 要知道,一个网站可以在移动设备上浏览并不代表着这个网站在移动设备上浏览的用户体验是友好的。想了解如何让您的移动客户拥有满意的浏览体验,请遵循移动专家、网页设计与开发专业人士的以下建议。 comScore统计显示,截至2013年12月,有1.56亿美国人拥有智能手机,比2013年9月份增长了3%以上。预计这一数字将继续增长。事实上,eMarketer预测到2014年底,
MIP(Mobile Instant Pages – 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统,实现移动网页加速。
提到小程序,大家就会不自觉地带上(微信)两个字吧,但是对于小程序这一应用形态的探索却不是最先从微信开始的。 首先我们来问自己一个问题,小程序是啥?(可以先自己思考一下) 之前分享过一个图片小程序发展时间轴,我们可以知道业界对于这一技术领域的探索已经持续了7年了。 (微信)小程序的前身叫"应用号",我们可以知道它首先是个应用。 所以当你听到『小程序就是个H5嘛~』这种说法是有失偏颇的,h5是一种技术,遵循W3C的开放标准规范,可以运行在符合H5标准的容器内(外壳是浏览器),小程序则是有自己的封闭规范的,它是一个应用,运行的壳子是APP。
奇遇的sitemap插件应该是我博客搭建以来很早期就安装了的插件 但是那已经是15年的插件了,目前百度的sitemap格式已经更新,所以我针对百度sitemap做了如下改动: 1、抬头已经
今天翻出来很早以前的熊掌号,发现了叫做天级收录和周级收录的玩意,理解一下哈,不是天级别,是按天算的,因为他限制你提交的资源数量。 不过对于我们小博主来说,自己不可能每天发布完文章都去登录熊掌号手动提交一下,所以俺就找到这么一个插件: 先简单解释一下AMP和MIP
作者:billgong,腾讯IEG前端开发工程师。 微信小程序,简称小程序,英文 mini program。是一种不需要下载安装即可在微信中使用的应用,用户扫描小程序码或搜索小程序即可打开,触手可及,用完即走,不用关心是否安装太多应用的问题。 小程序技术演进 内部开放微信原生能力 使用 WeixinJSBridge 预览图片 此类 API 最初是提供给腾讯内部一些业务使用,很多外部开发者发现了之后,依葫芦画瓢地使用了,逐渐成为微信中网页开发的事实标准。 JS-SDK 发布 2015 年初,微信发
轻便快捷的小程序
很多新手纠结这个问题?两个框架都能够支持做手机网页,那么它们的区别是什么呢,适用场景是什么呢?下面我们从这几个方面比较这两个框架:解决问题、功能、适用场景。 解决问题 Bootstrap是一个css框架,针对解决的问题有: 跨设备的网页响应式布局问题。随着手机、平板、各分辨率屏幕的出现,如何能够一套前端在所有设备上自由适应? 多人合作的前端布局和样式的规范问题 常用前端css组件,如按钮、连接、表单、表格、分页组件、下拉菜单、导航栏、ICON等等 常用JS前端组件(需要扩展js支持),
03.电脑版、手机版都用MIP框架来开发(百度MIP对电脑版目前是没有优待的!),好处:省了为MIP站点配置单独域名;坏处:由于百度MIP框架是针对移动站点设计的前端框架,所以样式极其单调,不推荐!
在中国移动网页防篡改系统集采项目中,安恒信息力压群芳,作为唯一一家两度通过集采所有关键测试的厂商,于2014年正式成为中国移动网页防篡改系统供应厂商。 中国移动网页防篡改系统集采项目技术标准高,其测试号称业界最严格的测试,且时间跨度大,在这场旷日持久的严酷战役中,很多业界知名厂商折戟沉沙,安恒信息一路披荆斩棘,最终脱颖而出。系统集采项目从多个层面对产品进行测试,如:新建连接数、并发连接数、漏报率、误报率、时延等。安恒信息网站卫士之所以能够在测试中百战不殆的原因是安恒的网站卫士拥有文
在小程序没有出来之前,最初微信WebView逐渐成为移动web重要入口,微信发布了一整套网页开发工具包,称之为 JS-SDK,给所有的 Web 开发者打开了一扇全新的窗户,让所有开发者都可以使用到微信的原生能力,去完成一些之前做不到或者难以做到的事情。
神马搜索借助uc的优势,可直接在地址输入框中输入关键词就可以搜索了,免去了输网址的麻烦(这个在国外有点long duan的嫌疑).如果你的网站被bd等se收录了以后一般也是会被神马搜索收录的,查询方法也是用site:***.com。那么我们做好神马搜索优化呢? 既然神马搜索支持site指令,根据genfeng是思路,那它是不是也有站长工具平台呢?答案是有的,只不过得到这个结果稍微有点迂回。起初在网上搜索了相关问题都没找到,后面想想神马搜索是在uc上的,那在uc官网应该有一些提示。在uc社区的神马搜索
百度在移动收入突破20%之后,开始力推百度移动网盟,本周四将在黄山召开一年一度的百度联盟峰会,很可能会宣布移动更多商业化举措,例如更诱人的分成比例,更多的开发者服务等。腾讯则在大力推进广点通广告平台,以分成等诱人策略向开发者示好。阿里在去年便推出了淘宝客无线开放平台。显而易见的是,移动商业化,巨头们都开始着急了。 移动互联网从布局到变现 创业必须经历一个从初期用户原始积累,到中期探索变现,再到后期压榨式变现的过程。移动互联网作为巨头们的二次创业,已完成原始积累。 1、移动App用户已抢无可抢。 微信用户
译者:京贝贝 、审校:朱玉雪 本文长度为2300字,建议阅读10分钟。 灵感来源于Chrome团队,Google的AMP上线已有1年多,今天知名作者Lydia带我们来深入剖析AMP的现状和未来。 Go
Jeff 最近发布的DeveMobile 与EaseMobile 主题在导航栏上采用的是在一些native app 中常见的Off Canvas 导航。而关于 Off Canvas 导航,这里提供结合开发主题过程及网络上的资料,从个人认知的角度介绍下 Off Canvas 导航。 Off Canvas 简介 Off Canvas 导航相比也不陌生,在一些安卓应用(如谷歌的一些官方应用、易信、WordPress 安卓版)上常常能到——看到当你点击应用中的一个按钮时,会从左边或者右边侧拉出一个菜单。移动设备中空
近年来,各大平台纷纷上架小程序,迎来了小程序的爆发式增长。今天就来跟大家简单分享一下小程序基本的运行机制和安全机制。
在Typecho接入熊掌号之前,你得先去熊掌号申请开通一下。具体填写的信息就是上面页面的那么多,请准备号正面手持身份证的照片。
说起 MIP 算是最近站长圈子里很吸引眼球的一个话题了,毕竟这是百度推出的一个移动网页加速器, MIP 页面可以无需等待加载,页面内容将以更友好的方式瞬时到达用户。从技术上来说 MIP 其实就是给网页做了一个加速优化而已,但因为是百度推出的这就让不少的站长们蠢蠢欲动了(传说中使用 MIP 加速后对提升站点排名权重有益,当然这只是传说,明月至今没有看到实例网站有这种效果)。
接触小程序有一段时间了,总得来说小程序开发门槛比较低,但其中基本的运行机制和原理还是要懂的。“比如我在面试的时候问到一个关于小程序的问题,问小程序有window对象吗?他说有吧”,但其实是没有的。感觉他并没有了解小程序底层的一些东西,归根结底来说应该只能算会使用这个工具,但并不明白其中的道理。
localStorage(本地存储) 浏览器自带的功能, 可以用来存储字符串数据, 在浏览器关闭后依然存在, 不同页面拥有各自独立的localStorage
文章列举了 12 个常用的 JavaScript API,包括 Geolocation、DeviceOrientation、Battery Status、Vibration 等等。对于每个 API,文章提供了详细的解释、示例代码和用法说明。这些 API 可以帮助开发人员在移动网页中实现诸如获取用户位置、访问设备传感器、监测电池状态、触发设备振动等功能。
响应式 Web 设计 -Viewport什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"(
导读:本文分享的是移动 sitemap 协议说明及生成复合型 sitemap 的方法。所谓复合型就是指一个 sitemap.xml 既包含了 pc 页,也包含了 mobile 页!一旦提交,双管齐下,同时搞定了结构化数据和移动开放适配!而且此方法适用于任何 wordpress 建站的网站,包括响应式亦可提交带响应式标识的 sitemap!所以,网站是响应式的童鞋也就别在那“得瑟”你的响应式多么多么的高大上了!当然,如果你不在乎 SEO 那也可以不用浪费时间了。 ---- 不久前,张戈博客曾分享了《移动搜索
2018年,撸起袖子加油干,幸福属于你,目标永远没有完成时,不会因为目标的完成而停止不前。人生在世,会因这一路努力拼搏而变得丰富充实,从而不虚此生。启航,2018! 相信这段时间,有很多同学站长收到过百度发的《落地页体验整改通知》,我负责的网站也收到了该通知,也做了相对应的措施,修改完成后已经反馈给百度,目前还没有回复,等后期有回复了,在给大家分享下。 今天主要跟各位同学讨论下有关PC与移动的广告问题,到底是哪些广告类型是用户最讨厌看到的? — — 及时当勉励,岁月不待人。 PC与移动最不友好的广告体验
给予就会被给予,剥夺就会被剥夺。信任就会被信任,怀疑就会被怀疑。爱就会被爱,恨就会被恨。——这就是心理学上的互惠关系定律。生命就像是一种回声送出什么就收回什么;你播种什么就收获什么;给予什么就得到什么。 移动端搜索带来的流量,早在两三年前就已经超越PC端带来的流量,现在已经处于爆发与洗牌之间,你还没跟上,那就得落后。 2018年经过搜索算法不断完善调整,移动端将会迎来新的小巨变。至少,我的目标是让移动端流量达到PC端流量的4-5倍,甚至更高。 — — 及时当勉励,岁月不待人。 移动端SEO优化3要素 由于移
Hi,大家好我是 ssh,今天和大家分享一篇文章,讲述了 Chrome 团队和 Youtube 共同配合,优化了油管这个世界上并不存在的视频网站的性能。
我是2010年开始从事的Android开发,当时会Android和iOS开发的很少,也不火,所有人都在“摸着河底过河”,项目更没有第三方框架一说,大都是自己写的,不像现在各种的框架满天飞。随着移动开发的发展,互联网公司也是层出不穷,有些公司迫于竞争,想要更迅速的更省成本的进行开发,就不再满足Android端一套代码,iOS端一套代码。与此同时,其他技术领域和各大公司也都觊觎着这份大蛋糕,纷纷推出相关的技术,这样跨平台技术应运而生,并且开始在公司中生根发芽。 Android和iOS生态太大了,我们可以把它们比作第一级生态,想要颠覆这两个系统的曾经出现过,但都失败了,因此建立次级生态是最稳妥的策略,Android平台更加开放,因此次级生态的中心就是Android,次生态的形式多种多样,比如在Android系统的基础上魔改建立自己的生态,再或者推出各种跨平台技术建立生态。跨平台技术产生的框架实在太多了,很多还没等我们去学去了解,它们就没落了,成为了跨平台技术的发展的一个过度产物。跨平台技术的产物是不靠谱还是趋势,我想读完本篇文章你会有自己的理解。 跨平台技术的分类没有标准的答案,这里把它们分类为5种,分别Web App、Hybrid App、语言编译转换、原生渲染、自绘UI。下面分别介绍它们。
之前申请Android app成功的开发者今天纷纷收到GitHub的beta版内测链接,可以去Google Play进行下载。
PS:所有的代码必须写在<class=”container/container-fluid”>容器当中
在二零一六年的六月泪雪博客创建了“百度 MIP”栏目并发布第一篇有关 MIP 的文章《百度站长平台推出 MIP 移动网页加速器》,再过去的六年多时间里子凡更新了 118 篇 MIP 中国香港的文章,而今天子凡或许就将在这里正式彻底结束百度 MIP 相关的介绍、教程和代码更新了。
先讲了HTML5的概念和HTML5新出现的结构元素,例如nav、section、article等。
迄今为止,技术进步见证了超过 500 万个应用程序的开发。在全球范围内,应用程序开发市场很火爆,预计未来几年将继续火爆。
进入到互联网时代,我们可以看到网站是变得越来越多。在激烈的市场竞争中,独特的、有创意的、个性化的网页已经成为吸引用户的一个主要原因,网站的长远发展一定要重视设计网页。只有站在用户的角度来考虑问题,才可以带来非常好的用户体验,只有吸引用户的网站才是优秀的网站。
今天在网上看到一些关于网站链接是使用相对路径还是绝对路径的文章,自己在总结整理下,不对之处望各位指正:
2016年9月22日凌晨微信官方正式宣布“小程序”开始内测,有“微信之父”之称、腾讯集团高级执行副总裁张小龙在2016年末对外宣布“小程序“应用将于2017年1月9日正式推出 这一次微信还是按照惯例,通过机器跑出的数据,首先将“小程序”开放给了200名拥有微信服务号的开发者进行内测,而且目前开发者发布的小程序无法在用户的客户端显示 简单说,微信“小程序”可以为开发者提供基于微信的表单、导航、地图、媒体和位置等开发组件,让他们在微信的网页里构建一个HTML 5应用。同时微信还开放了登录和微信支付等
AMP(Accelerated Mobile Pages),简单来说就是一种能够加快移动端页面呈现速度的技术,它也是一项HTML标准,可以用来创建高质量,高用户体验的网站。这几年移动网络技术的发展有限,确实在界面上没有像原生应用更易操作,而且当网络信号受影响时,网页的加载速度及用户体验都会减慢。
自己虽然也注册了CSDN账号,但是没有在上面发表过博客等内容。不过经常在Google里面搜索相关内容时,会显示csdn的结果。这也说明国内很多IT人员都会在CSDN发表博客,记录解决问题过程或者想法。
我不是做前端的,所以对于Web设计和优化我只是通过搜索学习一点点,根据一些经验片面的记录一下我自己网站的一些优化工作,这里也分享一下。鄙视一下那些用脚趾头写代码的XX公司网页,永远使用IE6+XP老古董的古董… 我的网站使用了Wordpress+terrifico主题,之所以选用这款主题,是因为他使用了自适应的设计方式..其实不全是,需要修改一定的代码.下面将我做的工作大体描述一下,主要包括.htaccess文件优化方面,自适应网页方面。
今天,我演讲的题目是《Web前端开发职业技术要求规划》。这个世界有很多不平凡的人,也有更多平凡的人,你是属于哪一种呢?
采用控件分割输入字段固然优化了视觉结构,但这种方式打断了输入的连贯性。对于填写一个长表单来说,使用菜单等控件使用户被迫将手从键盘上移至鼠标,将视线转移至光标位置。这种思维的打断时常发生,用户在填写长表单时时常感到烦躁。事实上,许多用户都不知道使用 tab / ⇥ 与 shift + tab / ⇧ + ⇥ 可以在表单文本框之间跳跃。
最近在写个简单的公众号页面,前端验证时有些信息要提示,很简单的需求实在不想找啥现成的轮子,又不至于用alert这么粗暴,遂写了个非常简单的消息框,效果如图:
对于 学过CSS,与正在学习CSS的朋友们来说,弄懂以下知识说明你正在初级成长中。
在目前加密货币价格越来越高情况下,越来越多的网站偷偷摸摸地使用访问者的CPU来挖掘加密货币。但是一个新发现的挖掘恶意软件更加恶意,并且正在通过Facebook Messenger传播。网络安全公司趋势科技首先在韩国发现了被称为Digmine的加密货币挖掘恶意软件,然后在越南,阿塞拜疆,乌克兰,越南,菲律宾,泰国和委内瑞拉都有发现它的踪迹。 受害者从他们的Facebook Messenger联系人中收到一个名为“video_xxxx.zip”的文件。打开它将加载Chrome以及恶意浏览器扩展,本来用户只能从C
很多外贸网站建设时会忽略技术SEO操作,导致后面开始SEO时候,网站需要大幅改版。如果你想在谷歌上更快获得排名,那在网站开发阶段就应该打好一个SEO基础。本文一尘SEO将通俗易懂地向您阐述外贸网站在建设过程中,做好技术SEO的7个技巧,让您少走弯路。
JavaScript 中实现自动检测用户是否使用移动设备,并据此跳转到对应的手机移动网页,通常可以通过检查 navigator.userAgent 属性来识别用户代理字符串中包含的设备信息。以下是一个简单的示例,展示如何基于用户使用的浏览器类型进行判断并跳转:
教程属于官方E聊SDK-简介(1) 进入官网 进入管理台 SDK版本:v1.01
现在的浏览器动不动就是默认开启广告屏蔽功能,不论是手机浏览器还是电脑端浏览器,各种网站广告屏蔽插件和规则,网站正常的广告联盟广告几乎被屏蔽得干干净净,作为用户而言子凡肯定是开心的,毕竟阅读体验非常好,然而作为站长来说,这就是在断自己的财路啊。
领取专属 10元无门槛券
手把手带您无忧上云