UIWebView自iOS2就有，WKWebView从iOS8.0（2014年9月WWDC）才有，毫无疑问，WKWebView相对UIWebVIew要优秀得多，主要表现在以下几点：
如果你还是第一次与app合作开发webview的页面，那么对于如何调试，可能有哪些问题可能是不够了解的。本文尝试性的根据自己的经验给大家一个入门级别的了解，如果是大佬级别的，可以绕路了。
如上图，如果不做相关处理，页面进行二次分享，用户看到的就是链接＋空图，上面显示的文案（考拉阅读）实际上是获取的title标签中的文案，我在网上查的相关例子有说明，图片如果不设置，将会自动获取浏览器渲染的第一张图片，经过个人测试，并没有实现（朋友圈同理，不做图片展示）。
该系统为商品推广系统，微信交互涉及网页授权和网页分享，年前使用django框架做了基础版，节后项目升级，功能更加丰富，使用vue框架做前后端分离开发，前后端分离开发提升了开发效率，也埋藏了很多坑点。。。
1.小程序向后台请求接口必须使用https，包括web-view里的网页，如果项目中有用到web socket，那么也必须使用wss协议。https证书一般会用第三方的。比如阿里云的。 2.在微信小程序管理后台，还需要配置合法域名。当然，在后台还没有部署https之前，我们也可以进行开发调试，只需要设置不校验合法域名，https证书等即可。步骤 : 工具--项目详情--不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书
如果有相关接口权限无法开启，推荐使用：微信公众平台-开发-开发者工具-公众平台测试帐号开发
以上的问题其实都很好解决，MDN 上有很多配置可以去看一下，配置啥，图标呀，图片呀，标题呀，是否强制用户交互呀，等等的操作都在MDN 有介绍，接下来的我觉得才可以看看
在前面的章节尽管介绍了很多API和组件，但所有的代码都放在了一个页面中（布局放在了wxml文件中，JS代码写在了js文件中），然而，对于一个有实际应用价值的小程序，不可能只有一个页面，如果小程序中包含了多个页面，就需要从一个页面切换到另一个页面，这被称为页面导航。
通过浏览多方文章,找到了一个 非常好用但是也有很大的坑的办法: 在页面中加meta: <meta name="referrer" content="never"> 亲测遇到的坑: 首先,微信复制的图片,自己网站作为引用,在pc端任何地方都显示:"本图片来自微信公众号,未经许可,不能引用..."之类的字样在安卓ap端其实是可以正常显示的,在ios的app端显示为空白 当加了该meta之后,在pc所有地方都可以正常显示了,但是ios的app端依然显示为空白......所以使用该方法如果仅限于在pc端的话,,没毛
在小程序开发中与网页开发虽然具有相似性,但仍然是有一些区别的,例如绑定事件的方式,处理事件穿透等
在早期Flutter发布的时候，谷歌虽然提供了iOS和Android App上的Flutter嵌入方案，但主要针对的是纯Flutter的情形，混合开发支持的并不友好。
window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。 Window Location window.location 对象在编写时可不使用 window 这个前缀。 一些例子： location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 （80 或 443） location.protocol 返回所使用的 web 协议（http:// 或
Open signal 官方提供了2019年2月份统计的全世界4G网络覆盖率和通信速率的统计分布图如下，在目前移动互联网的浪潮下，我们要利用好用户终端设备的每个字节的流量。
window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
导语 WKWebView 是苹果在 WWDC 2014 上推出的新一代 webView 组件，用以替代 UIKit 中笨重难用、内存泄漏的 UIWebView。WKWebView 拥有60fps滚动刷新率、和 safari 相同的 JavaScript 引擎等优势。 简单的适配方法本文不再赘述，主要来说说适配 WKWebView 过程中填过的坑以及善待解决的技术难题。 1、WKWebView 白屏问题 WKWebView 自诩拥有更快的加载速度，更低的内存占用，但实际上 WKWebView 是一个多进程组件
HTML+CSS CSS pixels与Device pixels有何区别？ 2016.07.25~2016.07.29 核心概念 CSS pixels、Device pixels 问题解析 CSS pixels： 浏览器使用的抽象单位， 主要用来在网页上绘制内容 Device pixels： 显示屏幕的的最小物理单位，每个dp包含自己的颜色、亮度 等值的 CSS pixels在手机屏幕上占多大的位置，这不是固定的，这取决于很多属性。经过分析和总结，我们可以得出这么一条公式： 1 CSS pixels =
在写JS代码时，用到JS来刷新当前页面的方法有几种，比如最常用的reload()，location 等
可参考：http://blog.csdn.net/m0_38082783/article/details/73326551
实现界面跳转有两种方式：通过 navigator 组件 和 通过 wx 的 api 跳转
1、<a href="javascript:js_method();></a>"`
通过 HTML5 开发移动App 时，会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足，在W3C 中国的指导下成立了www.HTML5Plus.org组织，推出HTML5+规范。
最近在做一个项目需求，分享领好书活动，获取用户的个人信息以及unionID，并诱导用户分享给好友或朋友圈，达到裂变拉新的目的。在做的过程中遇到了一些坑的地方，所以回过来总结一下
hh.jpeg 先前在项目中使用了UIWebView 在项目中一些比较复杂的UI布局、需后台灵活控制的界面、原网页，可以考虑UIWebView 在用它之前跟大家说下它的优缺点 优点: 可跨平台 开发一次可以部署iOS、Android等平台。 发布更新快 在服务器端发布，能够实时更新终端展示，便于快速升级以及紧急修复bug 排版布局能力强 强大的HTML+CSS让人膜拜 缺点: 性能 相对于原生的app来说，使用UIWebView的app相对来说性能会低一点，
本篇博文只是个人工作中的分享总结，仅代表个人观点，虽然解决了不少网友的问题，但同时也引来了一些网友的不满，所以特此声明，当您遇到本博文解决不了的问题，可以尝试重新进行其他搜索或者一起交流，相信总归能解决，而不是言语攻击！该博文的解决方案毕竟不是万金油，解决不了所有问题！
最近，有个需求需要开发H5应用和微信小程序。如果针对不同的平台开发自己的一套代码，那将是一件很糟糕的事情：如果下次需要兼容支付宝小程序、快应用，那工作量随着平台的添加而快速增加。所以我们选择了uni-app开发。
声明： 本篇博文只是个人工作中的分享总结，仅代表个人观点，虽然解决了不少网友的问题，但同时也引来了一些网友的不满，所以特此声明，当您遇到本博文解决不了的问题，可以尝试重新进行其他搜索或者一起交流，相信总归能解决，而不是言语攻击！该博文的解决方案毕竟不是万金油，解决不了所有问题！ 前言： 最近工作中遇到了使用微信二次分享的时候，标题被截短，描述也变成了链接，图片也没有，运营人员半夜还在嚷嚷，无奈只好硬着头皮去百度，去google，但是悲催的是没有详细的解决方法，最终只能自己去研究，还好最终搞出来了，决定分享一
随着移动互联网的快速发展，越来越多的企业开始将移动应用作为自己的核心业务。然而，由于各个平台之间的技术差异和开发成本的高昂，让很多企业望而却步。因此，Uni-app作为一个跨平台开发框架，应运而生。
在开发小程序的时候，会碰到页面间进行跳转的需求，小程序间页面跳转的方法有很多，大体分为两类，一个是指令方式，一个是用过js控制。
开发小程序，总是避免不了页面和页面之间数据共享，实现方法有很多种，今天就详细讲解下小程序页面传值，需要的朋友可以参考下。
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 ——
首次开发卡片式分享链接，过程中遇到许多坑， 终于完成了这个功能，记录的开发过程不一定符合你的需求，但如果你也是用uniapp开发，希望本篇能够帮助到你。
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— 对象在编写时可不使用 window这个前缀。一些例子：location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 （80 或 443） location.protocol 返回所使用的 web 协议（http:// 或 https://） Href location.href 属性返回当前页面的 URL。实例返回（当前页面的）整个 URL：http://www.w3school.com.cn/js/ ... indow Location Pathname location.pathname 属性返回 URL 的路径名。实例返回当前 URL 的路径名：/js/js_.asp Assign location.assign() 方法加载新的文档。实例加载一个新的文档：<html> <head> [removed] function newDoc() { .assign("http://www.w3school.com.cn";) } [removed] </head> <body> <input type="button" value="加载新文档"> </body> </html>
核对官方步骤，确认签名算法。 确认签名算法正确，可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。 确认con
注意 AppID 目前个人无法申请,使用企业账号可以申请,我们就选择"无AppID"
最近接到一个项目，第一次进入A页面调用接口/init，需要监听用户在离开小程序A页面时（切出小程序指定的A界面），前端去调用接口/report上报该行为，如果A页面已经调用过接口/init，用户再次返回A页面，需要调接口/back。但是由于在iOS端和安卓端的离开形式不同，还是要分别处理一下的
尚无正式标准。由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。 Developer Menu Android模拟器： 可以通过Command⌘ + M 快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。 iOS模拟器： 可以通过Command⌘ + D快捷键来快速打开Developer Menu。 在真机上开启Developer Menu： 在真机上你可以通过摇动手机来开启
最新一版的微信开发者工具，把微信公众号的调试开发工作也集成了进去，可以更换开发模式。
导语 微信小程序的公测掀起了学习小程序开发的浪潮，天生跨平台，即用即走、媲美原生体验、完善的文档、高效的开发框架，小程序给开发者带来了很多惊喜。通过这篇文章和大家一起分析小程序的架构，分享开发经验。 一、小程序介绍 1、小程序特点 2、小程序演示 视频地址： https://v.qq.com/x/page/w0353d7co6y.html 3、小程序为什么那么快 Page Frame Native预先额外加载一个WebView 当打开指定页面时，用默认数据直接渲染，请求数据回来时局部更新 返回显示历史
如果你需要获取网站的 URL 信息，那么 window.location 对象就是为你准备的。使用它提供的属性来获取当前页面地址的信息，或使用其方法进行某些页面的重定向或刷新。
来源：微信公众号：Coding学院（ID:ke-coding） 目录 ---- 一、小程序介绍和演示 二、小程序架构 三、小程序视图层 四、小程序逻辑层 五、小程序开发经验 正文 ---- 一、小程序特点 二、小程序架构 三、小程序视图层 1.View - WXML WXML（WeiXin Markup Language） 支持数据绑定 支持逻辑算术、运算 支持模板、引用 支持添加事件（bindtap） 2.View - WXSS WXSS(WeiXin Style Sheets) 支持大部分CS
工作中我们经常会遇到B页面需要A页面内的部分或全部数据；C页面内的一个函数执行完之后需要改变B页面内的显示样式；也或者是A和B两个页面用到了同样的网络数据，在其中一个页面做出修改后另一个页面也要随之改变以保证回传服务器时数据的准确性，等等诸如此类的页面间数据传递的问题。
在开发小程序应用中，QA发现过几次页面白屏的情况，苦于难易复现和调试，故想对小程序白屏问题进行一番探究。
使用location对象可以通过很多方式来改变浏览器的位置，每次修改location的属性(hash除外)，页面都会以新URL重新加载。
UIWebView 是苹果继承于 UIView 封装的一个加载 web 内容的类,它可以加载任何远端的web数据展示在你的页面上，你可以像浏览器一样前进后退刷新等操作。不过苹果在 iOS8 以后推出了 WKWebView 来加载 Web，并应用于 iOS 和 OSX 中，它取代了 UIWebView 和 WebView ，在两个平台上支持同一套 API。
前言 我们大前端团队内部 ?每周一练 的知识复习计划继续加油，本篇文章是 《Hybrid APP 混合应用专题》 主题的第二期和第三期的合集。 这一期共整理了 10 个问题，和相应的参考答案，文字和图
如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
