微信小程序：背景图片电脑开发时可以显示，手机测试时无法显示

最新推荐文章于 2021-10-29 21:30:00 发布

转载最新推荐文章于 2021-10-29 21:30:00 发布 · 665 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.jianshu.com/p/18aaac940df2

该博客围绕小程序开发展开，主要探讨了开发时图片在电脑端可正常显示，但在手机测试时却无法显示的问题，聚焦于小程序开发过程中的图片显示异常情况，属于信息技术领域的移动开发范畴。

https://www.jianshu.com/p/18aaac940df2

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

萌玺

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序扫码功能开发：二维码与条形码识别

小程序开发

06-17

1150

本文的目的是教会开发者如何在微信小程序中开发扫码功能，实现二维码与条形码的识别。范围涵盖从基础概念到实际开发的全过程，包括开发环境搭建、代码实现、问题解决等方面。本文首先介绍相关核心概念，然后讲解扫码功能的核心算法原理和具体操作步骤，接着通过项目实战给出代码实际案例和详细解释，之后探讨实际应用场景、推荐相关工具和资源，分析未来发展趋势与挑战，最后进行总结并提出思考题，还设有附录解答常见问题和提供扩展阅读参考资料。微信小程序：一种轻量级的应用程序，无需下载安装即可使用，在微信平台上运行。二维码。

wepy微信小程序 background-image的图片真机调试和体验版中无法加载

qq_45832807的博客

08-13

624

background-image背景图真机调试显示不出来原代码（背景图和image图片真机调试显示不出来）： <view class="header" style="background-image: url( '../../../../static/images/home/homeHeaderBg.png')"> <image src="{{'../../../static/images/home/logo.svg'}}"/> </view> 修改后的代码：.

参与评论您还未登录，请先登录后发表或查看评论

小程序测试图片

Pony老师的博客

01-08

583

微信小程序图片使用示例

qq_38822390的博客

07-05

2658

小程序官方API:https://developers.weixin.qq.com/miniprogram/dev/component/image.html1：加载本地文件夹图片 <image src="/image/pig.jpg" mode="aspectFill"> </image> 2:加载服务器图片wxml: <image ...

小程序测试点宝藏图

03-30

357

大家好，我是陈老三！今天给大家分享的主题是"小程序有哪些需要软件测试人员关注的测试点"该问题，之前有不少同学，私信问我，通过一段时间的整理，今天给大家安排上！微信小程序，简...

小程序图片在开发者工具能显示，真机不显示图片的问题

weixin_39721335的博客

03-21

2045

最近在学习小程序，也算是记录一下自己粗心大意的问题，编辑器可以显示图片，但是手机预览的时候却显示不出来，有高度有宽度，控制台也不会报错，也不存在所谓的相对路径问题，因为用的是在线图片，有的图片链接非常长，复制完以后图片能在编辑器里面显示出来，我们就可能不再看图片地址了，但是有的图片地址最后的结尾并不是，png或者jpg 有的可能是这样，这就会导致手机不能读取图片，不能显示！ ...

jmeter4.0进行微信小程序测试

10-08

### jmeter4.0进行微信小程序测试 #### 测试背景及目的武汉泰德明华数据有限公司使用JMeter 4.0对一款名为“武汉天然气蓝牙卡圈存”的微信小程序进行了压力测试。此测试旨在验证该小程序在面对不同并发用户量时的...

精选资源

微信小程序开发-新闻客户端案例源码.zip

08-15

【标题】：“微信小程序开发-新闻客户端案例源码.zip”是指提供了一个用于学习微信小程序开发的实例，这个实例是一个新闻客户端的应用。通过分析和研究这个源码，开发者可以了解到如何在微信小程序平台上构建一个...

精选资源

微信小程序——模拟时钟.rar

09-30

微信小程序是一种轻量级的应用开发平台，主要针对移动端，尤其是智能手机用户。它允许开发者通过一套特定的开发工具和语言（WXML和WXSS）来构建应用程序，这些应用可以在微信内部直接运行，无需用户下载安装。在本例...

微信小程序在编辑器上样式正常，但在手机上不显示样式

Sclifftop - 保安大队长

11-15

8111

之前做了个小工具，最近有时间，就加了页面，在编辑器上的wxss样式是正常的，但在手机上预览就无法显示颜色，所以没了颜色看起来是样式不生效解决方法： …… ...

小程序模拟器没问题，但在真机上样式错乱，这个要怎么解决？

热门推荐

leoly612200的博客

08-10

1万+

在开发工具上面有个远程调试，用对应有问题的手机扫码，调试代码可以发现问题！昨天就是通过这个找到问题的！很有帮助

uni-app浏览器、iPhone手机显示轮播图，微信、支付宝小程序中不显示的错误原因及解决办法

u010234868的专栏

10-29

7323

源码： index.vue: <template> <view class="main"> <swiper :indicator-dots="true" :autoplay="true" class="carousel"> <swiper-item> <img src="static/carousel/banner1.jpg" alt="" class="carousel"> </swiper-item&gt.

微信小程序引用背景图片手机上不显示问题（已解决）

勉后之幸

07-27

4550

点击圈圈中的图片实现上传图片的效果，引入这个背景图片在微信开发工具中都一切正常，但是在真机上就显示不出来图片。引入图片路径也是使用的相对路径，但是不好使下面放下代码，这样手机上就可以显示出来图片了 <view class="img"> <image bindtap="upimg" class="section_img_one" src="../../img/uploadimg.png" style="width=160rpx;height:160rpx;">&..

为什么微信小程序里的图片在电脑上显示在手机上不显示？

威士忌荡出の忧伤的博客

04-25

7075

<image class='carousel' src="/images/图片301@2x.png"></image> 电脑上显示图片，但手机上是空白的 <image class='carousel' src="/images/301@2x.png"></image> 电脑上显示图片，手机上也显示图片由此可见，微信小程序中，图片...

微信小程序真机调试时手机上看不见图片

约妲己吃火锅的博客

01-30

9004

微信小程序真机调试时手机上看不见图片在学了一段时间微信小程序之后，我开始做一个练习，发现在开发者工具上能狗正常显示图片，可是真机调试时无法正常显示图片，检查了代码也没有错，也没有报错！就到网上查了一下最后还是解决了。我遇见的问题是这样的：图片使用为背景图片 <view class="head-bg" style="background: url(/image/bg-city.png) c...

开发微信小程序，导入使用本地图片，Android手机上测试图片显示空白

kivet的博客

08-01

2098

微信小程序中，导入使用本地图片，开发时在电脑上显示正常，iOS上也能正常显示，但是在Android上图片显示空白，如图：原因：网上查找，说有可能是这些原因 1.image src中的图片地址对英文字母大小写敏感，必须确认大小写对得上； 2.图片大小问题。似乎微信小程序对程序中用到的图片有大小要求，用到的本地图片要小于10KB才能顺利在真机上也能显示。因此通过用Photoshop CC把原来使...

微信小程序源码：3C手机商城完整开发包

在开发微信小程序时，设计者需要考虑用户体验和页面设计，以吸引用户并提高使用效率。这包括但不限于使用简洁明了的界面设计、合理的布局、流畅的交互和友好的提示信息。 6. 功能实现和代码逻辑 微信小程序的主要...