账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    WKWebView选择html文本和浏览区效果不一样
    26
    0

    问题描述

    在使用WKWebView渲染一段纯文本代码时，样式丢失，但是在浏览器中解析就能正常渲染

    相关代码，html文本

    123

<br/>--------------原始邮件--------------<br/>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    
    　<head>
        
        　　<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        　　<title>BUG #10230 【Android】--左滑邮件--删除有问题</title>
        
        　　<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        
        　</head>
    
    <body style="background-color: #e5e5e5;">
        
        　<table border="0" cellpadding="0" cellspacing="0" width="100%" style="font-size: 13px; color: #333; line-height: 20px; font-family: "Helvetica Neue",Helvetica,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",Tahoma,Arial,sans-serif;">
            
            <tr>
                
                <td>
                    
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border: none; border-collapse: collapse;">
                        
                        <tr>
                            
                            <td style="padding: 10px 0; border: none; vertical-align: middle;"><strong style="font-size: 16px">卓朗科技</strong></td>
                            
                        </tr>
                        
                    </table>
                    
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse; background-color: #fff; border: 1px solid #cfcfcf; box-shadow: 0 0px 6px rgba&#40;0, 0, 0, 0.1&#41;; margin-bottom: 20px; font-size:13px;">
                        
                        <tr>
                            
                            <td>
                                
                                <table cellpadding="0" cellspacing="0" width="600" style="border: none; border-collapse: collapse;">
                                    
                                    <tr>
                                        
                                        <td style="padding: 10px; background-color: #F8FAFE; border: none; font-size: 14px; font-weight: 500; border-bottom: 1px solid #e5e5e5;"><a href="http://172.27.105.196/zentao/bug-view-10230.html" style="color: #333">BUG #10230 【Android】--左滑邮件--删除有问题</a>
                                            
                                        </td>
                                        
                                    </tr>
                                    
                                </table>
                                
                            </td>
                            
                        </tr>
                        
                        <tr>
                            
                            <td style="padding: 10px; border: none;">
                                
                                <fieldset style="border: 1px solid #e5e5e5">
                                    
                                    <legend style="color: #114f8e">重现步骤</legend>
                                    
                                    <div style="padding:5px;"><p>[步骤]左滑邮件，点击删除</p>
                                        
                                        <p>[结果]提示邮件已删除，实际没有删除成功，没撤销倒数5秒</p>
                                        
                                        <p>[期望]</p></div>
                                    
                                </fieldset>
                                
                            </td>
                            
                        </tr>
                        
                        <tr>
                            
                            <td style="padding: 10px; background-color: #FFF0D5">
                                
                                <span style="font-size: 16px; color: #F1A325">●</span> &nbsp;<span>2018-07-19 22:27:24, 由 <strong>杨美</strong> 创建。
                                    
                                </span>
                                
                            </td>
                            
                        </tr>
                        
                    </table>
                    
                </td>
                
            </tr>
            
            　</table>
        
    </body>
    
</html>

    希望能得到解决

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 咫侑厄想迩 普通会员 1楼

      WKWebView选择HTML文本和浏览区效果不一样的可能有以下几个原因：

      1. HTML文本和浏览区的格式不同：HTML文本和浏览区的格式可能有所不同，例如HTML文本可能使用标签、属性等来表示内容，而浏览区可能使用地址栏、标签页等来表示内容。如果这两种格式不匹配，那么在WKWebView中选择HTML文本和浏览区可能会有不同的效果。

      2. WKWebView的设置不同：WKWebView的设置可能也会影响选择HTML文本和浏览区的效果。例如，如果你在WKWebView中设置了加载方式为"web-view", 那么在选择HTML文本和浏览区时，这些内容可能会被预加载，而不会显示在真实的浏览器中。

      3. HTML和浏览区的内容可能存在差异：有时候，HTML和浏览区的内容可能存在差异，例如HTML文件中的某些部分可能已经被截断，或者HTML文件中的某些部分可能没有被正确解析。在这种情况下，选择HTML文本和浏览区可能会导致预期的效果与实际效果不符。

      解决这个问题的方法可能包括：

      1. 检查HTML文本和浏览区的格式是否匹配：确保HTML文本和浏览区的格式是匹配的。

      2. 调整WKWebView的设置：在设置中调整加载方式，或者更改预加载的内容，以确保内容被正确加载和显示。

      3. 检查HTML和浏览区的内容：如果可能存在差异，尝试修复或替换这些内容。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部