请选择 进入手机版 | 继续访问电脑版

默认
发表评论 6
WebIM嵌入到网页的html片段如何不受主页面样式的影响
1金币
最近,开发了一个WEBIM。使用者只需要将WEBIM提供的js地址嵌入到自己的页面中就会在窗口右下角出现一个聊天窗口。
js中是在页面中插入一个div实现的聊天窗口悬浮的效果。
可是第三方网站嵌入后,聊天窗口会受到页面样式的影响,造成div的样式错位。
如何解决?



上一篇:跪求解答!不太理解这段Python解码WebSocket报文下一篇:为什么主流IM登录用HTTP,聊天用TCP,不可以一起用吗
推荐方案
评论 6
你的方法用错了,你这个嵌入的聊天界面应该用iframe实现而不是div,如果是iframe就不会受影响,因为它相当于一个新的页面。主流的客服这个界面都是这样实现的,你随便找一家把它们的代码扒下来看看就明白了。

这个我做过,所以很确定的给你这个答案。
签名: 《零基础通信技术入门(十三):为什么手机信号差?一文即懂!》http://www.52im.net/thread-2415-1-1.html
引用:JackJiang 发表于 2018-09-27 10:09
你的方法用错了,你这个嵌入的聊天界面应该用iframe实现而不是div,如果是iframe就不会受影响,因为它相当 ...

嗯嗯,后来我使用了iframe来实现,解决了这个问题。但是带来了新的问题。在firefox和chrome浏览器里面是可以的。但是在一切国产浏览器比如,傲游浏览器里面就不行了。
企业微信截图_53dc5073-9dbd-4696-909e-f4baa20fa5b9.png 这是傲游浏览器的截图,在firefox和chrome里面没有这种错误提示的。


引用:江边望海 发表于 2018-09-27 11:40
这是傲游浏览器的截图,在firefox和chrome里面没有这种错误提示的。

你随便找一家云客服,看看他们的这个客服组件运行情况不就明白了。

我们之前的商业项目直接就去扒的别人代码参考的
签名: 《零基础通信技术入门(十三):为什么手机信号差?一文即懂!》http://www.52im.net/thread-2415-1-1.html
引用:江边望海 发表于 2018-09-27 11:40
这是傲游浏览器的截图,在firefox和chrome里面没有这种错误提示的。

这是不是跨域访问限制?
签名: 生活压力越来越大了,买房就像一场梦。。。。。
引用:大马仕格 发表于 2018-09-27 14:53
这是不是跨域访问限制?

应该是的
打赏楼主 ×
使用微信打赏! 使用支付宝打赏!

返回顶部