一、前端性能优化网页的生成过程，大致可以分成五步。耗时的是第四步和第五步HTML代码转化成DOMCSS代码转化成CSSOM（CSS Object Model）结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息）生成布局（layout），即将所有渲染树的所有节点进行平面合成将布局绘制（paint）在屏幕上重排和重绘会不断触发，这是不可避免的。但是，它们非常耗费资源，是导致网页性能低下的根
Title: How to prevent triggering "pageshow" event in iOS WeChat
Introduction:
In this article, I will guide you through the process of preventing the "pageshow" event from being triggered in iOS WeCh
原创
2024-02-12 09:26:55
193阅读
Android 经研究目前主要有以下两种方式可以通过Web打开App。 1、 自定义Scheme 2、 Chrome Intent 下面逐一介绍： 自定义Scheme 在Android浏览器中（非微信浏览器），可以通过scheme协议的方式唤醒本地app客户端；scheme协议在app注册之后，与前端进行统一约定，通过H5页面访问某个具体的协议地址，即可打开对应的app客户端页面。 访问协议地址
# iOS微信浏览器返回功能详解
## 引言
在iOS微信浏览器中，返回功能是一个常见的操作，用户通过点击返回按钮或者通过手势操作来返回上一个页面。本文将详细介绍在iOS微信浏览器中实现返回功能的方法，并附上相应的代码示例。
## 1. 点击返回按钮实现返回功能
在iOS微信浏览器中，点击返回按钮通常会触发一个事件来实现返回功能。开发者可以通过监听这个事件来执行相应的操作。
```swi
原创
2023-09-03 08:22:57
620阅读
# 在 iOS 微信网页中触发浏览器的实现
作为一个新手开发者，面对技术的海洋可能会感到迷茫。本文将详细说明如何在 iOS 微信环境中触发系统浏览器的操作。整个过程将以易于理解的方式讲解，包括步骤和相关代码示例，确保你能顺利实现该功能。
## 整体流程
为了简单明了地展示实现过程，下面是一个详细的步骤流程表：
| 步骤 | 描述
原创
2024-08-20 10:14:18
123阅读
微信内置浏览器在返回上一页面，且上一页面包含AJAX代码时，页面就会被强制刷新，极度影响用户体验。而我们想要的效果是：返回上一页面时，页面还停留在原来的状态，AJAX获取到的数据还在，滚动条也在原来的位置。BINGO~通过HTML5的history API + 缓存可以做到这一点。 执行原理：1.0、通过history API的 history.push
转载
2024-03-13 21:26:02
364阅读
# 监听 iOS 微信浏览器返回的详细解析
随着移动互联网的迅速发展，微信作为一款广受欢迎的通讯工具，其内置浏览器也日益被广大用户所使用。在开发网页应用时，尤其是在 iOS 上，你可能需要监听用户在微信浏览器中点击返回的行为。本文将深入探讨如何实现这一功能，并为您提供实用的代码示例。
## 为什么要监听返回事件？
在移动应用中，用户返回上一个页面的操作可能会导致数据丢失或用户体验不佳。因此，
## iOS微信浏览器没有触发pagehide的解决方案
作为一名经验丰富的开发者，我将教会你如何解决iOS微信浏览器没有触发pagehide事件的问题。首先，让我们来看一下整个解决方案的流程。
```mermaid
journey
title iOS微信浏览器没有触发pagehide的解决方案流程
section 流程
Start --> 注册事件监听器 --
原创
2023-10-13 12:56:53
477阅读
近期在学前端，学到audio标签的时候就萌生了自己写一个播放
器的想法。原本是在电脑端用的，但分享到
微信或者QQ的时候，一般都是用手机打开。突然发现
iOS不支持iframe标签滚动，为了让
iOS也兼容iframe，需要设置几个css属性。我使用了iframe标签装载一个页面显示音乐列表，代码如下：<!--音乐列表-->
<div id="musicList" class="musi
转载
2024-01-20 06:02:24
238阅读
组件一、提示（alert）1.颜色2.链接颜色3.额外附加内容4.关闭警告二、徽章（badge）1.徽章样式的使用2.会继承父元素的一些属性3.在按钮里使用4.胶囊徽章三、面包屑导航（nav）四、按钮（btn）1.正常样式颜色2.其它类型的按钮3.带边框的按钮4.大小不同的按钮5.block类型的按钮6.启用与停用状态的按钮7.切换按钮的active状态8.选项卡的效果五、按钮组（btn-gro
转载
2024-10-29 06:06:29
92阅读
新到的这家公司业务重点是放在移动端的(以前很少做微信平台相关的页面)，比如微信，小程序，支付宝等等平台。所以页面的制作难免和移动端打交道。现在就遇到一个小问题，但是又很不好解决的一个问题：就是从一个页面跳到另外一个页面，然后再按虚拟键返回时（小米手机左右滑动），页面不刷新！可能有些场景为了性能可以不去请求服务器，但是我这个问题是其他页面更改了数
转载
2023-12-18 11:12:37
137阅读
众所周知在安卓上面可以使用adb链接电脑，使用Chrome Inspect进行调试网页(QQ/微信的x5内核也可以)，但是自从换了iPhone之后就没有这个乐趣了，所以我便开始摸索起来如果使用Chrome Inspect来调试safari浏览器(因为iPhone上面的QQ/微信没有x5内核，所以只能调试safari了)准备工作Windows 10/11 - 当然win也可以，前提是PowerShe
转载
2023-10-13 23:50:39
1046阅读
最近碰到不少关于block的相关问题，在此做一些总结。1.基本形式返回值类型（^block)(形参列表）= ^(形参列表列表）{代码段;}; eg: int(^block)(int,int) = ^(int i, int j){return i + j;};定义没有参数的三种写法: 当没有形参时，左边形参列表括号必须写，右边可写可不写，左边形参类型可写可不写； void（^block)()
转载
2024-09-23 15:38:07
86阅读
# 监听 iOS 设备微信浏览器返回的实现教程
作为一名开发者，有时候我们需要在网页中实现特殊的功能，例如在 iOS 设备的微信浏览器中监听用户的返回操作。本文将引导你如何实现这一功能，包括流程的概述和具体的实现代码。
## 整体流程
我们可以将整个实现过程拆分为以下几个步骤：
| 步骤 | 描述 |
|------|------
原创
2024-08-23 03:22:38
93阅读
最近每天都会抽出点时间来研究浏览器的安全问题，比较幸运，公司也来了一个超级大牛，之前在微软的，后来在某浏览器担任研发总监。又看了数据流的，自己挖掘了一个foxmail远程命令执行，昨天在学习浏览器安全的时候，看到2个非常不错的网站。一个是二哥提交的一个漏洞，一个是JAVA制作自己的伪协议，解惑了自己多年的问题。==========================================
这篇文章主要为大家介绍了详解如何让页面与 iframe 进行通信实现实例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪引言这篇文章介绍如何实现页面与 iframe 进行通信，实际工作中可能很难遇到，但一旦遇到了，我们要能够立即想到怎样去实现。iframe 向父级页面发送消息在 iframe 页面，使用 window.parent 调用 postMessage 方法，即
转载
2023-11-08 12:18:53
88阅读
/**!
* 微信内置浏览器的Javascript API，功能包括：
*
* 1、分享到微信朋友圈
* 2、分享给微信好友
* 3、分享到腾讯微博
* 4、隐藏/显示右上角的菜单入口
* 5、隐藏/显示底部浏览器工具栏
* 6、获取当前的网络状态
* 7、调起微信客户端的图片播放组件
* 8、关闭公众平台Web页面
* 9、判断当前网页是否在微信内置浏览器中打开
* 10
转载
2023-12-19 20:54:39
165阅读
在使用“微信浏览器 ios”的过程中，我遇到了一些棘手的问题，对于一些用户来说，使用微信浏览器访问某些网站时页面加载缓慢、无法渲染或者偶尔崩溃。这让我决定详细记录一下这个问题的解决过程。
## 问题背景
在安卓用户和iOS用户之间，iOS用户使用微信浏览器通常面临比较大的限制。尤其在访问一些重资源网站时，下述问题显著增加。
- **时间线事件**：
- 第1天：用户首次反馈微信浏览器加载
微信iOS客户端将于2017年3月1日前逐步升级为WKWebview内核，需要网页开发者提前做好网站的兼容检查和适配。 背景 WKWebView 是苹果在iOS 8中引入的新组件，目的是提供一个现代的支持最新Webkit功能的网页浏览控件，摆脱过去 UIWebView的老、旧、笨，特别是内存占用量巨大的问题。它使用与Safari中一样的Nitro JavaScript引擎，大大提高了页面js执行
转载
2023-07-25 10:46:02
246阅读
https://pay.weixin.qq.com/wiki/doc/api/wap.php?chapter=15_3https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4 商户侧 要求商户已有H5商城网站，并且已经过ICP备案。通过微信H5支付可以实现在非微信浏览器（如QQ浏览器、谷歌浏览器、Safari等）中使用微信支付的场景。
转载
2024-05-03 11:59:42
492阅读
