但是不同手机浏览器有自己的地址栏、状态栏等，window.screen.availHeight 取到的屏幕高度也包括了这两者，导至本来希望满屏显示的内容出现滚动条，需要滑动才能看到。
3.最终签核完，生成PDF版的销售合同，且上面自动加盖公司的电子印章，并打印该合同
这个特殊版本的app功能挺多的，包括解除B站番剧区域限制，港澳台CDN加速 ，缓存番剧，自定义主题色，关闭青少年模式弹窗，显示评论区楼层，不以小程序形式分享视频，自动点赞视频，替换音乐状态栏为原生样式，提取视频、直播封面，自定义屏启动图等。
这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。 META相关
暂时写下来下面记录整个网站制作流程，由于是边学便用，代码质量和性能不能保证，仅仅为之前没做过的朋友提供个小小的参考：
在手机中，我们通常访问一个网站的做法是打开浏览器在地址栏中输入网站地址，一般来说这样的方法有些烦人，所以，有些网站访问对象通常也会生成一个二维码图片，方便用户直接扫码访问，只要用户手机扫码就能跳转到目标访问网站，或是把相应信息显示在用户手机中。几乎我们所有人都会用手机的扫码功能，但是，你是否想过，如果你信任的应用APP其扫码功能出现安全错误，会发生什么情况？今天，我们就来谈谈Firefox IOS v10浏览器中的扫码XSS漏洞。
前言 在平时的H5移动端开发时，我们难免会遇到各种各样的坑点，这篇文章就带着大家来看看怎么解决，文章较长，建议收藏方便以后查阅！
前端涉及到的领域不单单只是PC浏览器了，现在是移动为王的时代，所以大部分的时候还是在做移动端的页面适配。所以这里记录一下在移动端开发的时候遇到的一些问题。
在上月底，一则有关HTML5游戏的的消息震惊业界，蝴蝶互动宣布旗下的《传奇世界》月流水破1500万，成为业内首款千万级别爆款游戏，这无疑给H5游戏行业注入了一针强心剂。从H5诞生以来，对于H5游戏一直唱衰不断，而这又一次把H5游戏推向风口浪尖。 区别于寻常的Flash页游，此游戏采用了H5的Canvas技术，能在PC端和移动端跨平台运行。一直以来，游戏开发都是把前沿技术运用到极致的媒介，H5游戏也不例外，这篇文章会从带你从浅入手，深入H5游戏开发的世界。 1、准备条件 1.1、设计师应该注意的地方 移动端最
通常当你在手机上长按图像 img ，会弹出选项 存储图像 或者 拷贝图像，若不想让用户这么操作，可以设置方法来禁止：
本文主要讲解如何制作一个安卓原生的“壳”来加载我们的 H5 网页，最终实现一个简单的 Hybrid App（套壳应用）。
移动智能终端设备由于体积限制，一般都没有鼠标、键盘这些输入设备，用户更多的操作是依靠手指在触屏上的点击或滑动等动作完成。在移动设备上，类似点击劫持的攻击模式，实现了对用户触摸屏操作的劫持攻击，即界面操作劫持攻击的又一种形式——触屏劫持。
状态栏 StatusBar 就是手机屏幕最顶上一个区域，包含 运营商名称、网络情况、电池情况那一条。
关于zblog主题模板手机移动端针对不同主题采用了不同的方案，有些是默认显示，有些不显示侧栏，总归没有一个完美的解决方案，所以今天就抽空水一篇文章，教大家怎么显示或者隐藏侧栏模板的内容。宁静致远主题没有侧栏，所以我们以这个主题模板为例，灌水开始。。。
智能手机的崛起，让现在的网站越来越重视移动端，随之而来的广告形式也越来越向移动端倾斜侧重；但是本君发现一个现象，现在各大手机浏览器厂商对移动端广告过滤越来越严格，几乎只要开启过滤，大部分广告是要被过滤的；所以现在的广告商开始研究如何避免被过滤呢？
使用html5或者jQuery如何实现文本框下拉效果，如下图 CSS布局HTML小编今天和大家分享大神详解最好有可以使用HTML5 list 属性。list 属性需要应用到 input 框上，然后内容写一个自定义的 id 然后在任意位置放一对 datalist 标签，并给 datalist 框一个 id，和 list 属性指向的 id 一致即可。 在 datalist 标签下放列表项。
一般禁止body滚动的做法就是设置overflow:hidden。但是很奇怪的发现在移动端浏览器和微信浏览器上这个不起作用，然后我分析了我的写法，就是在body上加了一个class去定义属性，然后改成标签的定位，如body{overflow:hidden;}，这个实现是可以的，没有滚动条。再进一步分析，如果要用class去实现没有滚动条，如下代码设置：
Adobe公司已经宣布在2020年彻底停止Flash的更新，而Chrome浏览器也提示“自2020年12月开始，Flash Player将不再受支持。”
前端爱好者的知识盛宴 嗨 这里是IMWEB 一个想为更多的前端人 享知识 助发展 觅福利 有情怀有情调的公众号 欢迎关注转发 让更多的前端技友一起学习发展~ 正文 < meta > 元素 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School 必要属性 可选属性 SEO优化 参考文档 （https://msdn.microsoft.com/zh-cn/li
ruda 是手机浏览器中的开发者工具，是一个JS插件，在自己的页面中引入即可 Eruda 的由来 Eruda 的作者以前在手机中进行页面开发时，感觉日志输出非常麻烦，经常使用类似 window on
自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚
url_launcher是用于在移动平台中启动URL的Flutter插件，适用于IOS和Android平台。他可以打开网页，发送邮件，还可以拨打电话。
PWA 是可被发现、易安装、可链接、独立于网络、渐进式、可重用、响应性和安全的。关于这些含义的细节，请参阅 PWA的优势。简单概括为以下几点
“沉浸播放式”这个概念是我从Android开发里面的沉浸式引申过来的一个概念，沉浸式其实就是隐藏页面顶部的status bar和底部的navigation bar之后呈现出来的页面，一般用户很容易把沉浸式状态栏和透明化状态栏混为一谈，他们的区别如下：
注意，很多人使用initial-scale=1到非响应式网站上，这会让网站以100%宽度渲染，用户需要手动移动页面或者缩放。如果和initial-scale=1同时使用user-scalable=no或maximum-scale=1，则用户将不能放大/缩小网页来看到全部的内容。
原文：A tale of two viewports — part two 译者：nzbin 在这个迷你系列中，我将解释 viewports 和各种重要元素的宽度是如何工作的，比如说 <html> 元素，窗口以及屏幕。 我们将在本页讨论移动浏览器。如果你是刚刚接触移动端，我建议你首先阅读关于桌面浏览器的第一部分。这会让你在熟悉的环境中循序渐进。 移动浏览器的问题 手机浏览器与桌面浏览器的最大不同就是屏幕尺寸。对于一个基于桌面优化的网站，移动浏览器的显示效果明显不如桌面浏览器，要么缩小后
手机现在是互联网的最大入口。根据《中国互联网报告》，手机网民已经超过8亿，人均每天上网三个多小时。
3.将Windows Mobile Extensions for the UWP添加进项目中
HTML5学堂：在前一篇文章当中，我们借着weinre讲解了NodeJS中的一些简单命令，也讲解了weinre的安装方法，今天我们把weinre的使用“完结”掉。移动端页面的开发过程中，weinre“即时”的调试方式，能够让我们更好更快的解决调试问题，使调试工作变得更加方便。 想要调试的文件放在哪里 首先，按照全局模式“-g”进行安装~（前面一篇文章我们已经讲过了） 之后，将我们需要调试的页面放置于如下目录当中：C:\Users\Administrator\AppData\Roaming\npm\node_
实习期间主要在写微信端H5，遇到的最大问题就是适配各个不同尺寸的屏幕。公司就我自己一个前端，只能自己摸索着来。
本教程意在指导朋友安装小孙同学APP，不涉及如何配置网站PWA特性的教程。 如需配置网站PWA，请参考糖果屋教程 传送门
iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。
声明viewport视口 viewport对于移动端设备来说非常的重要，用于定义视口的各种行为。其中最为重要的就是要设定一个展示页面的宽度width=device-width，如果我们不设置的话，width默认的值是980PX，假设我们当前用的是IPHONE 5来访问H5页面，IPHONE 5本身的宽度只有320PX，但是设备定义了H5页面展示的区域宽度应该是980PX，这样的话要想把H5页面全部进行展示，只有整体缩小大约三倍或者让用户在320PX的区域中来回的挪动才能看全整个H5页面。这种方式用户的体验度会非常的差，所以我们设定width=device-width，意思是当前设备屏幕有多宽，那么就按照多宽来渲染页面，这样就不会出现需要靠缩小或者左右移动来看完整个页面了。
windows用久了，换下系统也挺好的。ubuntu20.04优化后，用起来蛮舒服的。
在上一篇博客中，我聊了一下JavaScript引擎V8的工作原理，顺其自然，接下来应该来聊聊渲染引擎Blink或者Chrome浏览器的工作原理。但是，这2个坑以后再填。
今天查Html手册时，又有了新的发现。也就这机会，好好总结下HTML中Meta的使用。
HTC Vive元旦放大招，国行版直降688元 HTC Vive将于2017年1月1日0时至1月3日24时，展开限时促销活动。本次活动将通过HTC VIVE官网、京东HTC官方旗舰店、天猫HTC Vi
浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。 所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。
按照从上往下，从左往右的计划，今天就轮到介绍和分享Fiddler的状态面板了。
尤其视频类APP，需要实现切换到横屏后，隐藏系统状态栏，全屏显示，以实现看更大画面的视频。当切换回竖屏后，又显示状态栏。那么如何实现呢？
为了方便不同终端设备用户的使用，我们将TSINGSEE青犀视频各平台都做了屏幕显示自适应的机制，以EasyCVR为例，管理界面在大屏下会显示所有的操作和状态列表，在小屏下则会自动省略一些状态显示，最右侧操作栏仍保持完整显示。
其实最开始的时候，我主要是因为工作上的原因想要在Android版的Edge浏览器上实现首页图片沉浸式的功能。
近来随着前端技术的发展，HTML5应用又看见了春天。很多以前深耕于PC端的WEB开发者，慢慢也开始转战移动端。虽然在PC端他们已身经百战，但是在移动端碰到的问题仍不少，因为WEB网络永远不会提供像本地移动平台一样多的API或控制。经管如此，但我们的用户仍然期望有相同的优秀体验。
http://www.jianshu.com/u/e01fe6ddfa1c
一、为什么需要自定义锁屏页 锁屏作为一种黑白屏时代就存在的手机功能，至今仍发挥着巨大作用，特别是触屏时代的到来，锁屏的功用被发挥到了极致。多少人曾经在无聊的时候每隔几分钟划开锁屏再关上，孜孜不倦，其酸爽程度不亚于捏气泡膜。确实，一款漂亮的锁屏能为手机增色不少，但锁屏存在的核心目的主要是三个：保护自己手机的隐私，防止误操作，在不关闭系统软件的情况下节省电量。 当下，各个款式的手机自带的系统锁屏完全能够满足这些需求，而且美观程度非凡，那么开发者为什么仍然需要构建自定义锁屏呢？让我们试想一个场景，一位正在
Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。
来源：http://www.51testing.com 一、前言 抓包工具有很多，比如常用的抓包工具Httpwatch，通用的强大的抓包工具Wireshark.为什么使用fiddler?原因如下：
postman是一款非常流行的http接口测试工具。有本地应用程序安装和浏览器插件安装两种方式。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
