h5记录

最新推荐文章于 2023-02-01 18:08:18 发布
最新推荐文章于 2023-02-01 18:08:18 发布
阅读量65 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/wjhaaa/p/9447578.html

createjs、egret、layabox和cocos引擎工具等。

https://www.jianshu.com/p/3e05314da075

vconcole

https://github.com/panteng/wechat-h5-boilerplate

https://github.com/sxgc/H5

转载于:https://www.cnblogs.com/wjhaaa/p/9447578.html

移动端rem适配（vue&H5）-实践记录
Harlan7的博客
05-28 995
移动端rem适配（vue&H5）-实践记录背景：第一步：第二步： 背景： 当有移动端适配需求的时候，需要纠结不同设备的不同展示方式，这个时候就需要rem，通过搜索资料并实践，得出了以下成果–以作个人记录(本项目为vue 项目) 第一步： 新建rem.js !function(n){ var e=n.document, t=e.documentElement, i=750, d=i/100, o="orientationchange"in n?"o
推荐前 6 名 JavaScript 和 HTML5 游戏引擎
ygtu2018的博客
08-25 1万+
我知道你在想什么：你到底为什么要用JavaScript来开发游戏？当我发现你可以使用JavaScript和HTML5来开发3D游戏时，我也是这样想的。
15 个顶级 HTML5 游戏引擎
龙鸟的博客
06-23 1423
1) HTML5 Game Engine Construct 2 is a leading high quality HTML5 game engine. Tens of thousands of HTML5 game developers are choosing Construct 2 to make HTML5 games. 2) Clanfx clanfx
吐槽laya：H5小游戏开发应该用什么引擎好？laya、cocos还是unity？
u014240783的专栏
02-01 4430
生命有限，远离laya
H5游戏开发-H5游戏引擎与渠道分布
LYly_B的博客
11-09 1958
二、H5游戏引擎 1.主流的H5游戏引擎 目前H5游戏市场上的主流引擎有 白鹭引擎/Laya引擎/Cocos2d-html5引擎。其中在全渠道付费榜前30名的h5游戏中，超过50%用白鹭引擎。 2.白鹭引擎 Egret致力于为移动领域提供完整高效的游戏及应用解决方案。该方案包含了开源游戏引擎，云平台，开发工具集，打包工具，加速器等等。旨在解决移动生态环境中各个环节的需求点。可以帮助开发者实现从项...
H5游戏开发：游戏引擎入门推荐
测试
12-27 3604
前言很多刚刚接触到游戏开发，准备大展拳脚的小鲜肉们，往往在技术选型这第一关就栽了跟头。毕竟网络上的游戏引擎良莠不齐，官网上相关资料也比较少，而选择一个适合的游戏引擎是一个项目最基础，也是很核心的一部分。试想一下，在游戏开发进行到中后期的时候，才发现项目引入的游戏引擎与需求相悖，这时候不管是重新做一些修修补补的工作或者更换游戏引擎，这都是相当耗费人力物力的一件事。为了避免这种情况的出现，在前期选择适...
h5下拉刷新上拉加载滚动条位置
12-21
在H5页面开发中，下拉刷新和上拉加载是常见的功能，用于提供更好的用户体验，尤其是在移动端。当用户浏览一个长列表，下拉可以加载更多数据，上拉则可以实现刷新功能。而滚动条位置的问题则关系到用户体验的连贯性，...
朋友圈访客记录系统h5网站源码2025变现神器 亲测可搭建
04-17
本文将详细介绍一款基于微信朋友圈的访客记录系统H5网站源码，该源码不仅支持VIP会员付费功能，而且还能实现对访客的跟踪和数据统计。该系统是基于PHP7.4和mysql5.6开发的，具备高效和稳定的特点，适合有志于在微信...
H5实现中奖记录逐行滚动切换效果
08-31
"H5实现中奖记录逐行滚动切换效果" H5实现中奖记录逐行滚动切换效果是指在前端页面中，使用JavaScript和CSS实现中奖记录逐行滚动切换的效果。这种效果可以使页面更加生动和有趣，提高用户体验。 实现这种效果需要...
H5嵌入手机端页面直播
12-13
支持手机端浏览器播放m3u8格式视频
开发H5游戏引擎的选择：Egret或Laya？
弃天笑的程序世界
06-01 7万+
一、H5游戏开发的引擎介绍开发H5游戏的引擎有很多，比如egret、laya、cocos-js等等。这里主要是分析的是egret和laya，因为我们团队是从as3转过来的。所以天然地在有as3基因的egret和laya之中挑选一个。 Egret Egret Framework是一款使用JavaScript(TypeScript)编写的HTML5开源免费游戏框架。核心定位是开放，高效，优雅。基于
Hilo - 阿里巴巴出品的免费开源 H5 游戏引擎，轻巧无依赖，适合用来开发营销互动小游戏
那些免费的砖
02-24 3950
今天推荐一个适合用来做营销小游戏的 H5 游戏引擎，轻量简单容易上手，快速上线提前下班靠它了。 关于 Hilo Hilo 是阿里团队推出的一个开源的 H5 游戏引擎，特点是对非游戏从业的前端开发者非常友好，轻量无依赖，适合用来开发营销小游戏。 作为一款阿里团队内部一直在使用游戏引擎，Hilo 活跃在阿里系大量的电商节日和活动中，比如往年的双十一狂欢城、手机淘宝中使用 webview 加载的打年兽、618 抢豪车、双十一红包雨等 H5 互动游戏，都基于 Hilo 开发。 Hilo H5 游戏引擎的技术特.
各大知名游戏引擎分析报告
voidinit的专栏
08-09 3928
游戏引擎之争就像编程语言之争一样，在游戏开发圈永远是一个火爆的话题，目前市面上主流的一些游戏引擎，我们来给他们做一些比较，了解他们的历史，特点, 为了严谨，备注一下写这个文章的时间编写时间是2021年4月20日。目前国内主流在用的游戏引擎有, Unity, Cocos, Laya, UE4, 白鹭, 接下来我们一起来分析这些引擎的特点。 这里有个游戏开发交流学习小组点击可以直接加入，一起学习交流吧 1: 国民3D引擎Unity Unity, 使用C#或Lua语言开发。国民3D引擎，这个称号说明了Uni
H5 游戏主流引擎和编程语言
linshuhe1的专栏
01-14 2万+
引言：最近微信新版本，主推小程序中的小游戏模块，一个 “跳一跳” 的 H5 游戏瞬间爆火，虽然很多传言说 H5 真正盈利的时机未到，因为它的突出作品大多是简单的小游戏，好玩但不吸引付费。然而，H5 游戏巨大流量和强大的日活跃还是可以转化为利润的。
花了20分钟，给女朋友们写了一个web版群聊程序
热门推荐
小识的博客
11-28 36万+
参考博客 [1]https://www.byteslounge.com/tutorials/java-ee-html5-websocket-example
微信内点击链接或扫描二维码可直接用外部浏览器打开H5链接的解决方案
wruy96的博客
03-27 2393
很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接，其实这并不难，只要我们实现微信跳转功能即可。下面给大家介绍这个功能 功能目的 生成微信跳转链接，实现微信内置浏览器跳转外部浏览器打开网页。（该方案适合推广APP及其他H5页面） 功能效果 功能实现后，苹果用户即可在微信内直接下载app也可以跳转浏览器下载，安卓用户则自动打开手机浏览器下载ap...
计算机网络学习中学员常见问题与改进方法
最新发布
08-15
计算机网络学习中学员常见问题与改进方法+
清空h5页面历史记录
08-05
<think>我们正在处理一个关于在H5页面中清除浏览器历史记录的问题。根据提供的引用，我们可以总结如下： 1. 引用[1]提到：在浏览器中清除历史记录通常需要用户手动操作（打开历史记录界面，选择清除）。同时提到可以开启无痕浏览模式避免留下痕迹。 2. 引用[2]：使用JavaScript脚本清除浏览器历史数据，主要解决返回时显示旧数据的问题。它通过一个nohistory.js文件实现，在查询页面引入该脚本，确保返回时重新加载最新数据。 3. 引用[3]：在Vue.js中，通过`this.$router.push({ path: '/page', replace: true })`实现页面跳转时不记录历史（replace模式）。 4. 引用[4]：微信H5授权跳转后，浏览器历史记录中保留了授权页，导致返回时重新加载授权页的问题。尝试解决但未给出具体方案。 用户问题：在HTML5页面中清除浏览器历史记录。 分析： - 浏览器出于安全考虑，不允许JavaScript直接清除浏览历史记录（因为这可能被恶意使用，如隐藏用户访问痕迹）。 - 但是，我们可以通过一些技术手段避免在历史记录中增加条目，或者替换当前历史记录条目，从而在返回时跳过某些页面。 解决方案： 1. 使用`replaceState`方法替换当前历史记录条目，这样当前页面不会添加到历史记录中，而是替换上一个记录。 2. 在页面跳转时使用`replace`而不是`push`（在Vue Router中就是使用replace模式）。 3. 在需要“清除”历史记录的场景，我们可以尝试将历史记录重定向到指定的页面，并替换当前记录。 具体实现： ### 方法1：使用History API替换当前历史记录 ```javascript // 将当前URL替换为新的URL（不会新增历史记录，而是替换当前记录） window.history.replaceState({}, document.title, "/new-url"); ``` ### 方法2：在跳转时使用replace模式（适用于单页应用） 在单页应用（如Vue, React）中，我们可以使用路由的replace模式： ```javascript // Vue Router this.$router.replace('/new-path'); // 或者使用编程式导航 this.$router.push({ path: '/new-path', replace: true }); // React Router import { useHistory } from 'react-router-dom'; const history = useHistory(); history.replace('/new-path'); ``` ### 方法3：在页面加载时重定向并替换历史记录 例如，在授权回调页面，我们可能希望用户拿到code后，立即跳转到目标页面，并且不希望授权回调页面留在历史记录中。我们可以这样： ```javascript // 假设当前页面是授权回调页面，我们获取到code后，立即跳转到目标页面，并替换当前历史记录 window.location.replace("https://example.com/target-page"); // 或者使用相对路径 window.location.replace("/target-page"); ``` 注意：`window.location.replace`方法会替换当前历史记录条目，因此用户点击返回按钮时，不会返回到这个授权回调页面。 ### 方法4：清除特定历史记录条目（不可行） 由于安全限制，无法直接删除历史记录中的特定条目。因此，我们只能通过替换或跳过的方式避免用户返回到某些页面。 ### 针对微信H5授权问题的解决方案（引用[4]） 在微信H5授权中，授权跳转后会留下授权页的历史记录。我们可以这样处理： 在授权回调页面（即重定向回来的页面）中，立即使用`window.location.replace`跳转到目标页面，这样授权回调页面就不会留在历史记录中。 示例代码： ```javascript // 假设当前页面是授权回调页面，URL中包含了code等参数 // 处理完授权逻辑（比如获取到用户信息）后，跳转到目标页面 // 注意：跳转时必须使用replace，避免留下当前页面的记录 window.location.replace("/home"); // 替换为目标页面 ``` ### 注意事项 - 清除历史记录的需求通常与业务逻辑相关，比如避免用户返回到登录页、授权页等。 - 由于浏览器的安全策略，我们无法直接删除用户的历史记录，只能通过上述技巧来避免某些页面被记录。 ### 总结 在HTML5页面中，无法直接清除整个浏览器的历史记录，但可以通过以下方式避免某些页面被记录在历史中： 1. 使用`window.history.replaceState`替换当前历史记录的状态和URL。 2. 使用`window.location.replace`进行页面跳转（替换当前历史记录）。 3. 在单页应用中使用路由的replace模式跳转。 ### 相关问题 1. 如何防止用户返回到登录页面？ 2. 在单页应用中如何管理历史记录？ 3. 微信H5授权跳转后如何避免返回时重新授权？</think>在HTML5页面中，无法直接清除用户的**整个浏览器历史记录**（出于安全限制），但可以通过以下技术手段实现类似效果，避免特定页面出现在历史记录中： ### 解决方案 1. **替换当前历史记录条目（推荐）** 使用`history.replaceState()`替换当前URL，避免新增历史记录： ```javascript // 将当前URL替换为新URL（不产生新历史记录） window.history.replaceState({}, document.title, "/new-path"); // 或替换为当前URL（清除参数） window.history.replaceState({}, "", window.location.pathname); ``` 2. **跳转时禁止记录历史** 使用`location.replace()`进行页面跳转，当前页面**不会**进入历史记录： ```javascript // 跳转后，当前页面从历史记录中移除 window.location.replace("https://example.com/target-page"); ``` 3. **单页应用(SPA)路由控制** 在Vue/React等框架中，使用路由的`replace`模式： ```javascript // Vue Router this.$router.replace({ path: '/home' }); // 替换当前历史记录 // React Router history.replace('/home'); ``` 4. **特定场景优化** - **微信H5授权问题**：在授权回调页立即重定向并替换历史： ```javascript // 获取code后立即跳转并清除当前记录 if (getUrlParam('code')) { window.location.replace("/main-page"); } ``` - **避免返回旧数据**：监听页面返回事件强制刷新： ```javascript window.addEventListener('pageshow', (e) => { if (e.persisted) location.reload(); // 返回时重新加载 }); ``` ### 重要限制 - 🚫 **无法删除其他域的历史记录**：受浏览器同源策略限制 - 🚫 **无法清除完整历史记录**：只能控制当前页行为 - ⚠️ **需用户交互触发**：部分API需在用户操作（如点击）中调用 ### 替代方案 1. **无痕模式**：引导用户手动开启隐私浏览模式 2. **服务端控制**：设置`Cache-Control: no-store`禁止缓存 3. **前端路由管理**：SPA中通过`replaceState`管理历史栈 > 示例：清除URL参数并阻止历史记录新增 > ```javascript > // 当前URL: example.com?token=123 > history.replaceState({}, "", location.pathname); > // 变为: example.com/ 且无历史记录新增 > ``` --- ### 相关问题 1. 如何防止用户返回到登录页？ 2. 微信H5授权跳转后如何避免循环重定向？ 3. 单页应用(SPA)中如何精确控制路由历史？ 4. 浏览器安全策略如何限制历史记录操作？ 5. `history.replaceState()`和`location.replace()`有何区别？ [^1]: 浏览器历史记录需手动清除 [^2]: 通过脚本控制返回行为 [^3]: Vue路由replace模式 [^4]: 微信H5授权历史问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值