- 博客(12)
- 收藏
- 关注
RSS订阅原创 动态加载JavaScript文件
使用 写入标签的优缺点 是用于向当前 HTML 文档写入内容的 JavaScript 方法，用法类似 ，只是会在后面加上一个换行符 。在页面加载完成后（如 DOM 解析完、或通过事件触发、或在setTimeout里）再调用，会清空整个文档，只保留你写入的内容：2. 阻塞页面加载和渲染执行时 HTML 解析会暂停页面加载变慢用户会感觉页面卡住3. 已被视为过时方法HTML5 规范中将其标记为遗留用法现代前端更推荐使用 DOM API 或其他方式4. 插入位置不灵活只能写入到当前
2026-03-12 19:24:28
316
原创 静态页面移动端适配（含ipad和大屏）
flexible.js是手淘开发出的一个用来适配移动端的js框架.。。html中可以直接用<script>强烈建议对JS做内联处理，在所有资源加载之前执行这个JS。执行这个JS后，会在<html>元素上增加一个data-dpr属性，以及一个font-size样式。JS会根据不同的设备添加不同的data-dpr值，比如说2或者3，同时会给html加上对应的font-size的值，比如说75px。如此一来，页面中的元素，都可以通过rem单位来设置。
2026-03-11 14:30:24
154
原创 微信网页开发，在开发者工具上能正常分享，但手机上分享出去是纯链接
这里需要注意的是只有通过分享标签打开的网站后续才可以正常分享,不管分享的是不是要打开的那个页面都可以,被分享的人也可以通过这个分享标签进行正常分享.但是如果是通过网址链接打开的网页还是依旧只能分享链接,若有其他的处理方法欢迎留言。
2026-02-27 15:39:54
338
原创 谷歌浏览器调试安卓手机H5页面：报Pending authentication: please accept debugging session on the device
用USB连接手机和电脑端，打开手机开发者模式，设置允许USB调试后，依然报Pending authentication: please accept debugging session on the device.若手机H5页面使用的网络与调试电脑端使用的网络不一致，需要使用vpn访问调试网址。电脑没Android 调试桥 (adb)，或者 adb 没进环境变量。此时在手机上连接USB 线 ，会出现确认弹框，点击同意;选：在此处打开 PowerShell。2.验证（不配环境变量）Shift + 右键。
2026-01-07 11:07:57
422
原创 微信通过扫描二维码跳转微信小程序页面
普通链接二维码，是指开发者使用工具对网页链接进行编码后生成的二维码。线下商户可不需更换线下二维码，在小程序后台完成配置后，即可在用户扫描普通链接二维码时打开小程序，使用小程序的功能。对于普通链接二维码，目前支持使用微信“扫一扫”或微信内长按识别二维码跳转小程序。
2025-10-23 14:17:50
286
原创 部分机型微信前端H5页面宽度未填充满右侧出现白边
如下图所示，在华为mate60Pro, 华为mate70系列的手机微信端出现了页面宽度未填充满的问题，但该页面在华为mate60Pro, 华为mate70系列的手机的业务app端的展示是完全正常的。合理怀疑微信设置(字体)将根元素字体大小按某种倍率放大/缩小了 : 1rem实际展示的值被缩小成了44px；导致页面宽度填充不满。本页面使用的是rem的适配方法，统一设置了根元素字体的大小。在问题机型上打印发现realFs的值为44px,而后面计算的settedFs的值为48px;
2025-06-30 20:41:58
352
原创 物理像素和css像素、设备像素比、meta 、媒体查询
本文摘要：像素是图像显示的基本单元，有物理像素、CSS像素等。物理像素是屏幕实际发光点，CSS像素用于软件布局。像素密度（PPI/DPI）决定显示精细度，设备独立像素（DP）通过缩放机制确保跨设备视觉一致性。设备像素比（DPR）反映物理与逻辑像素比例。响应式布局使用媒体查询适配不同屏幕，通过视口设置（viewport meta标签）控制像素映射关系。核心要点包括：像素概念区分、密度计算、跨设备适配原理及响应式实现方法。（149字）
2025-06-25 11:39:50
1614
空空如也
前端页面跑偏 华为mate60pro
2024-03-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人