TypeError:Cannot call method 'getItem' of null

在Android的WebView中打开HTML5页面时,尝试使用localStorage.getItem方法发送短信遇到TypeError: Cannot call method 'getItem' of null的错误。PC端正常,问题在于WebView未开启DOM storage。解决方法是启用WebView的DOM storage功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

     这个错误是我在android中使用webview打开一个带有发送短信的html5页面,发送短信报的错误,发送短信我使用的是leancloud提供了一套手机短信验证

   

<span style="font-size:14px;">AV.Cloud.requestSmsCode({
             mobilePhoneNumber : mb,
             name : 'XXXX,
             op : '手机绑定验证',
             ttl : 2
         }).then(function() {
             //发送成功
             getCode(document.getElementById("getCheckCode"));
         }, function(err) {
             if(err.code==127){
                 alert("请输入正确的手机号码!");
             }else if(err.code==601){
                 alert("发送短信过于频繁,请稍后再试!");
             }else{
                 //发送失败
                 alert("验证码获取失败,请稍后再试!");
             }
         });</span>

然而在调用这个方法的时候一直报TypeError:Cannot call method 'getItem' of n

const { JSDOM } = require('jsdom'); const fs = require('fs'); // 1. 定义环境补全函数 function patchBrowserEnv(window) { // 补全navigator window.navigator = { userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148', // 添加其他必要的属性 language: 'zh-CN', languages: ['zh-CN', 'zh'], platform: 'iPhone', // ... 其他属性 }; // 补全performance window.performance = { now: () => Date.now() - (window.performance.timing.navigationStart || 0), timing: { navigationStart: Date.now() } }; // 防止被检测为自动化环境 window.chrome = undefined; window.__driver_evaluate = undefined; window.__webdriver_evaluate = undefined; // 如果需要固定Math.random,可以取消注释以下代码(但注意,这可能导致签名被识别为异常) // window.Math.random = () => 0.123456789; // 如果需要固定时间,可以取消注释以下代码(同样注意,实际应用中可能不需要固定时间) // const fixedTime = new Date('2023-01-01T00:00:00Z').getTime(); // window.Date = class extends Date { // constructor(...args) { // if (args.length === 0) { // super(fixedTime); // } else { // super(...args); // } // } // now() { // return fixedTime; // } // }; // window.Date.now = () => fixedTime; // 其他需要补全的对象,比如localStorage, sessionStorage等 if (!window.localStorage) { window.localStorage = { getItem: () => null, setItem: () => {}, removeItem: () => {}, clear: () => {}, length: 0 }; } if (!window.sessionStorage) { window.sessionStorage = { getItem: () => null, setItem: () => {}, removeItem: () => {}, clear: () => {}, length: 0 }; } // 补全其他可能需要的对象,如caches(根据引用[1]中的错误,如果H5guard使用了caches,我们需要模拟) if (!window.caches) { window.caches = { open: () => Promise.reject(new Error('Not implemented')), match: () => Promise.reject(new Error('Not implemented')), // 简单模拟,避免报错 }; } } // 2. 获取签名函数 async function getMtgsig() { const dom = new JSDOM(`<!DOCTYPE html>`, { url: 'https://h5.waimai.meituan.com/waimai/mindex/home', runScripts: "dangerously", pretendToBeVisual: true }); const { window } = dom; patchBrowserEnv(window); // ✅ 应用补丁 // 注入H5guard.js const h5guardCode = fs.readFileSync('./H5guard.js', 'utf-8'); const script = window.document.createElement('script'); script.textContent = h5guardCode; window.document.body.appendChild(script); return new Promise((resolve) => { setTimeout(() => { if (window.H5guard?.sign) { const params = { token: "test", shopuuid: "test123" }; resolve(window.H5guard.sign(JSON.stringify(params))); } else { resolve(null); } }, 1500); }); } // 3. 执行并捕获错误 getMtgsig() .then(mtgsig => console.log('MTGSIG:', mtgsig)) .catch(err => console.error('执行错误:', err)); 获取不到H5guard
最新发布
08-11
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值