The effect of WKWebView selecting html text is not the same as that of browsing area.

problem description

when you use WKWebView to render a piece of plain text code, the style is lost, but you can render normally by parsing it in the browser

related code, html text

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 -sharp10230 Android----</title>
        
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        
        </head>
    
    <body style="background-color: -sharpe5e5e5;">
        
        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="font-size: 13px; color: -sharp333; 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: -sharpfff; border: 1px solid -sharpcfcfcf; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1); 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: -sharpF8FAFE; border: none; font-size: 14px; font-weight: 500; border-bottom: 1px solid -sharpe5e5e5;"><a href="http://172.27.105.196/zentao/bug-view-10230.html" style="color: -sharp333">BUG -sharp10230 Android----</a>
                                            
                                        </td>
                                        
                                    </tr>
                                    
                                </table>
                                
                            </td>
                            
                        </tr>
                        
                        <tr>
                            
                            <td style="padding: 10px; border: none;">
                                
                                <fieldset style="border: 1px solid -sharpe5e5e5">
                                    
                                    <legend style="color: -sharp114f8e"></legend>
                                    
                                    <div style="padding:5px;">

[]

[]5

[]

</div> </fieldset> </td> </tr> <tr> <td style="padding: 10px; background-color: -sharpFFF0D5"> <span style="font-size: 16px; color: -sharpF1A325"></span> <span>2018-07-19 22:27:24, <strong></strong> </span> </td> </tr> </table> </td> </tr> </table> </body> </html>

I hope it can be solved

Mar.28,2021
Menu