图片等资源在手机端浏览器无法显示的原因

最新推荐文章于 2023-04-12 19:49:39 发布
最新推荐文章于 2023-04-12 19:49:39 发布
阅读量1k 收藏 1
点赞数
分类专栏： h5c3类问题 文章标签： javascript css html css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56978970/article/details/117823397
版权

目录

问题描述

样式中用了背景图片，浏览器中显示正常，但是在移动端某些浏览器中背景图片无法显示
在这里插入图片描述

原因

图片，css，js文件等资源命名中不要含有 ad 字眼。手机端测试会被屏蔽掉不加载

解决

资源命名去除ad

BreadWinnerIsJin
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动端页面在ios中不显示图片的解决方法
08-28
下面小编就为大家带来一篇移动端页面在ios中不显示图片的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
手机电脑端图片只适应.rar
11-26
在实际操作中，压缩包内的文件"手机端图片只适应"可能包含示例代码、教程或预设样式，用于帮助用户快速实现图片在手机端的自适应等比例缩放。使用这些资源，开发者和设计师可以确保他们的项目在各种设备上都能提供...
解决手机UC浏览器图片不显示问题
11-26 1万+
今天做手机项目中，一个轮播图片，在其他手机浏览器没问题，但是到了UC浏览器就有问题了，经过站长逐步排查，发现UC浏览器自带了广告过滤， 在UC浏览器设置里面将广告过滤关闭即可，但是这不是唯一解决方案。 后来我发现，uc手机浏览器会过滤包含ad字符的图片路径，禁止其显示，所以给图片命名或存放图片路径时 尽量不要含有ad字符。如ad_img 所以站长代码原来是这样的：
手机web端html5保存图片不显示,【Web前端问题】js怎么控制手机端图片显示16:9
weixin_35696112的博客
07-03 401
现在是把高度写死 宽度100% 业务说要按照16:9来显示图片 16:9要怎么计算的？回答：有一种直接利用css，可以不用js直接计算的办法。代码：/*html*/ /*css*/.img{margin: 0 auto;width: 64%;height: 0px;padding-bottom: 27%;overflow: hidden;}.img img{width: 100%;...
dedecms电脑端和移动端共用后台时，移动端图片路径不对无法显示？
linhui03的博客
11-15 3704
因为是PC端的相对路径，解决办法：数据库批量修改文章内容中的图片地址， 在后台有直接替换数据库中内容的功能，点击核心-》批量维护-》数据库内容替换，显示如下： 点击选择文章表：dede_addonarticle,然后选择要替换的字段body，被替换的内容为：src=”/uploads 替换为：src=“http://www.xxx.com/uploads（注意：加上的是PC端
手机php网站不显示图片,javascript,_手机页面用innerHTML拼接的图片不显示，javascript - phpStudy...
weixin_31295867的博客
03-20 185
手机页面用innerHTML拼接的图片不显示测试代码input,button{height:35px;} add function addEmotion(t){alert(t);}var add=function(){var prefix='http://192.168.1.100:88/emotion/images/';var emotion=['hi','yes','good'];var ht...
jQuery手机端Lightbox图片展示
04-08
- 图片资源文件，包括待展示的图片以及可能的图标和箭头图片。 在实际应用中，开发者需要将这些资源文件集成到项目中，根据具体需求进行配置和调整，以达到最佳的用户体验。同时，为了保证兼容性和性能，还需要对...
如何实现移动端浏览器不显示 pc 端的广告
09-03
在移动互联网盛行的时代，用户越来越依赖手机等移动设备来浏览网页和进行各种在线活动。然而，当用户在手机上打开网页时，如果看到原本为PC端设计的大尺寸广告，这无疑会大大降低用户体验。因此，如何实现移动端...
兼容电脑手机端23547的js图片画廊插件.zip
07-11
首先，它支持多种图片格式，包括常见的JPEG、PNG和GIF等，确保了广泛的图片资源兼容性。其次，提供了滑动、点击切换图片的功能，以及预加载机制，使得图片加载更加迅速。此外，还内置了缩略图导航、图片预览、动态...
jQuery移动手机端幻灯片插件Swiper
04-08
Swiper是一款非常优秀的jQuery移动设备幻灯片插件，尤其在iOS、Android以及Windows Phone 8等主流移动操作系统上表现出色，同时也兼容桌面浏览器，为用户提供无缝滑动的图片或内容展示效果。这款插件在网页设计和...
IOS WKWebView无法打开本地资源js/css/image.rar
06-14
IOS WKWebView无法打开本地资源JS/CSS/Image,解决跨域问题 本人亲自编写,可以加载本地网站,如cocos creator发布的网页直接在本地打开 能够正确加载js,css/image等
文件放在服务器上，电脑端浏览器可以访问，手机端有的能访问有的不能访问 -- 问题记录
最新发布
迷途小顽童
04-12 255
排查发现，ng的配置中 user被注释掉了，如下图，而机器的用户是root用户，推测是ng没有读取文件的权限，把这里注释放开 user改为root用户后，重启ng 问题得到解决。一直以为是tomcat配置问题，检查后发现没有问题，tomcat日志也收到了请求信息，证明网络是通的，后面排查发现访问是通过转发到文件防止的服务器的，检查转发机器的ng错误日志发现。有一个图片放在tomcat上的图片，通过电脑端浏览器访问正常，在手机端safari手机上访问如图，微信内部打开如下图。
安卓手机-百度浏览器-部分js不生效原因
weixin_42290377的博客
12-27 2404
百度APP部分js,ajax失效问题
手机浏览器点击图片不弹出图片显示
一元梦寻1rmb.cc
03-29 1206
使用jQuery 事件 - preventDefault() 方法 event.preventDefault() 可以阻止默认事件发生 禁止单独显示图片 $('img').on('mousedown',function (e) { e.preventDefault() }); ...
为什么android微信浏览器js不好使,微信内置浏览器打开网页有时JS无法执行问题解决方案...
weixin_39601642的博客
05-27 1842
苹果IOS微信内置浏览器打开网页，有时不会执行JS脚本，android安卓手机微信浏览器偶尔也有这样的问题，经过多次调试，发现是微信浏览器缓存了渲染页面，没有重新渲染页面，导致window.onload中JS无法执行。经过以上分析判断，给出的解决方案就是，如果使用了缓存，自动重载页面。以下是JS代码解决方案：window.onpageshow = function(event) {if (even...
图片加载失败的正确处理
热门推荐
sinat_41747081的博客
08-01 1万+
<img src="http://imgsrc.baidu.com/forum/pic/item/fd1f4134970a304e16d3176ad3c8a786c8175ca8.jpg" /> 对于这样一段代码来讲，如果该图片加载成功，那么界面上会显示图片，如果由于一些原因导致图片加载失败，会出现这样的图标。 在正常的项目中，标签的src是后端返回的路径，如果图片加载不出来，显示上...
关于图片无法正常加载，JS解决办法合集
weixin_30901729的博客
10-25 593
问题场景：服务器图片丢失，导致页面上很多图片是无法正常加载的。 解决办法： 　　1.本地测试环境，图片使用本地数据　　 <img src="images/banner222.png" id="imgErr">　　//丢失的数据<img src="images/banner.png" class="imgErr">　　//正常显示 　<script> 　...
移动端h5页面，网页突然在部分手机浏览器中，打开内容为空，样式和js都执行了，但内容就是为空
业余前端的职业经历
01-15 954
也就前天 突然接收到 用户的反馈 说网页无法打开了 上午 我立即去排查 好像在部分的手机的浏览器中确实内容为空 然后在pc端上模拟 手机的时候 尤其是谷歌 偶尔会出现 一直 开启 debugger 很难受 但是火狐是正常 我看了页面 和接口 都是正常的 也不是缓存的问题 后来以为是缓存的问题 但是清理缓存 也是那样 然后继续排查 是不是语法的问题 但还是很快被排除 如果是语法的问题 的话 以前也应该不能访问呢 所以这个也被排除了 后续以为是 域名...
判断浏览器内的页面是在手机端还是电脑
04-01
端的方法有多种，以下是其中几种： 1. 检测浏览器窗口大小：通过获取浏览器窗口的宽度来判断当前是在手机端还是电脑端。一般来说，手机端的屏幕宽度比较小，所以可以设置一个阈值，当浏览器窗口宽度小于该阈值时，就认为是在手机端。例如： ``` if (window.innerWidth < 768) { // 在手机端 } else { // 在电脑端 } ``` 2. 检测浏览器 User Agent：每个浏览器都有一个 User Agent 字符串，其中包含了浏览器的信息，包括操作系统、浏览器类型、版本等。通过解析 User Agent 字符串可以判断当前是在哪种设备上访问页面。例如： ``` var userAgent = navigator.userAgent.toLowerCase(); if (userAgent.match(/(iphone|ipod|ipad|android)/)) { // 在手机端 } else { // 在电脑端 } ``` 3. 使用第三方库：有一些专门用来判断设备类型的 JavaScript 库，例如 Modernizr、Detect Mobile Browsers 等。使用这些库可以方便地判断当前是在手机端还是电脑端。例如： ``` if (Modernizr.mobile) { // 在手机端 } else { // 在电脑端 } ``` 需要注意的是，以上方法都不是绝对可靠的，有些手机浏览器可能会伪造 User Agent 字符串，或者通过修改浏览器窗口大小来欺骗检测。因此，在实际项目中，建议结合多种方法来进行判断，以提高准确度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值