小程序安卓渲染问题

Posted 2020-10-08 Emdrive

最近在做微信小程序，在测试的时候遇到一个奇怪的问题，请求的数据无法渲染，数据请求成功了，但是页面上没有响应。微信开发工具上，和苹果手机上测试是好好的，就安卓出现了问题，还是ios系统厉害些。出了问题，一脸的懵逼，咋办！搜呗。微信小程序，就老老实实上百度吧。输入‘微信小程序 安卓 渲染’，我去还真有，看样子是安卓的老毛病。这里截个图给大家看看，问题是一样的。

看到这篇关于微信小程序综合社区的问答，估计八九不离十，是这个“\ufeff”的问题，也就是代码是编码格式问题，utf8和utf8无bom。这个问题别人是解决了的，那就完全不是问题了，。我也来试试看，在微信这边的js也像这样过滤下,麻蛋，小程序jscore好像不支持str.replace(),直接报错了，前面这个人感觉有点坑人啊，不说清楚，我就试试在后端拿数据的时候就直接过滤掉“\ufeff”,试了好多次还是不行。调试蛮浪费时间的，大多数时候，怼着问题好长时间都没有解决的话，我们应该适当的把它放一放。

后来，终于在在小程序综合社区找到了，可以说的官方的解答：官方的加密数据解密算法php – SDK里的三个文件有带BOM头，要去除。简直完美，在这里我也记录下终极的解决方法。

 

官方解释：近日有发现类似问题的都是因为返回的数据是 UTF-8 with BOM（即数据的开头是一个不可见字符 unicode 65279），android 平台没有自动过滤，导致 JSON.parse 失败。目前需要开发者自行兼容，下个版本 Android 会过滤此字符。

 

附上链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2484

 

将下面的代码保存为php文件，在站点的根目录下运行即可。

 

if (isset($_GET[‘dir’])){ //config the basedir

$basedir=$_GET[‘dir’];

}else{

$basedir = ‘.’;

}

 

$auto = 1;

 

checkdir($basedir);

 

function checkdir($basedir){

if ($dh = opendir($basedir)) {

while (($file = readdir($dh)) !== false) {

if ($file != ‘.’ && $file != ‘..’){

if (!is_dir($basedir.”/”.$file)) {

echo “filename

$basedir/$file “.checkBOM(“$basedir/$file”).” <br>”;

}else{

$dirname = $basedir.”/”.$file;

checkdir($dirname);

}

}

}

closedir($dh);

}

}

 

function checkBOM ($filename) {

global $auto;

$contents = file_get_contents($filename);

$charset[1] = substr($contents, 0, 1);

$charset[2] = substr($contents, 1, 1);

$charset[3] = substr($contents, 2, 1);

if (ord($charset[1]) == 239 && ord($charset[2]) == 187 && ord($charset[3]) == 191) {

if ($auto == 1) {

$rest = substr($contents, 3);

rewrite ($filename, $rest);

return (“<font color=red>BOM found, automatically removed.</font>”);

} else {

return (“<font color=red>BOM found.</font>”);

}

}

else return (“BOM Not Found.”);

}

 

function rewrite ($filename, $data) {

$filenum = fopen($filename, “w”);

flock($filenum, LOCK_EX);

fwrite($filenum, $data);

fclose($filenum);

}

现在看来，问题是小问题；但解决不了就是大问题了，平时还是多看看官方的论坛，社区。