เทียบเท่า WKWebView สำหรับเครื่องชั่งของ UIWebView

ฉันกำลังอัปเดตแอป iOS ของฉันที่จะแทนที่ด้วยUIWebView แต่ผมไม่เข้าใจวิธีการเพื่อให้บรรลุพฤติกรรมเดียวกันกับWKWebView WKWebViewด้วยUIWebViewฉันใช้scalesPageToFitเพื่อให้แน่ใจว่าหน้าเว็บแสดงด้วยขนาดเดียวกับขนาดหน้าจอ (เพื่อให้ปรากฏเต็มหน้าจอโดยไม่ต้องเลื่อน)

ฉันพบวิธีแก้ปัญหานั้นบนเว็บ แต่มันใช้ไม่ได้:

- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation {
    NSString *javascript = @"var meta = document.createElement('meta');meta.setAttribute('name', 'viewport');meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');document.getElementsByTagName('head')[0].appendChild(meta);";
    [webView evaluateJavaScript:javascript completionHandler:nil];
}

คุณยังสามารถลองใช้ WKUserScript

นี่คือ config การทำงานของฉัน:

NSString *jScript = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);";

WKUserScript *wkUScript = [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
WKUserContentController *wkUController = [[WKUserContentController alloc] init];
[wkUController addUserScript:wkUScript];

WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];
wkWebConfig.userContentController = wkUController;

wkWebV = [[WKWebView alloc] initWithFrame:self.view.frame configuration:wkWebConfig];

คุณสามารถเพิ่มการกำหนดค่าเพิ่มเติมให้กับ WKWebViewConfiguration ของคุณ

เสียงสะท้อนของคำตอบของ nferocious76 ในรหัสที่รวดเร็ว: เวอร์ชัน Swift2.x

let jscript = "var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);"
let userScript = WKUserScript(source: jscript, injectionTime: WKUserScriptInjectionTime.AtDocumentEnd, forMainFrameOnly: true)
let wkUController = WKUserContentController()
wkUController.addUserScript(userScript)
let wkWebConfig = WKWebViewConfiguration()
wkWebConfig.userContentController = wkUController
let youWebView = WKWebView(frame: CGRectZero, configuration: wkWebConfig)

รุ่น swift3

let jscript = "var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);"
let userScript = WKUserScript(source: jscript, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
let wkUController = WKUserContentController()
wkUController.addUserScript(userScript)
let wkWebConfig = WKWebViewConfiguration()
wkWebConfig.userContentController = wkUController
let yourWebView = WKWebView(frame: self.view.bounds, configuration: wkWebConfig)

คล้ายกับ @ nferocious76 แต่เป็นภาษา Swift

var scriptContent = "var meta = document.createElement('meta');"
scriptContent += "meta.name='viewport';"
scriptContent += "meta.content='width=device-width';"
scriptContent += "document.getElementsByTagName('head')[0].appendChild(meta);"

webView.evaluateJavaScript(scriptContent, completionHandler: nil)

เวอร์ชัน C # สำหรับใช้ใน Xamarin Custom Renderer:

string jScript = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);";

WKUserScript wkUScript = new WKUserScript((NSString)jScript, WKUserScriptInjectionTime.AtDocumentEnd, true);
WKUserContentController wkUController = new WKUserContentController();
wkUController.AddUserScript(wkUScript);

WKWebViewConfiguration wkWebConfig = new WKWebViewConfiguration();
wkWebConfig.UserContentController = wkUController;
WKWebView webView=new WKWebView(Frame, wkWebConfig);

ฉันคิดออกด้านล่างจิตวิญญาณ สำหรับการทำเนื้อหาให้เหมาะสมกับขนาดอุปกรณ์.

func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) {     for making the content to fit with the device size
    let jscript = "var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);"
    webView.evaluateJavaScript(jscript)
}

การเพิ่มด้านล่างลงในสคริปต์ HTML ช่วยฉันได้

<meta name="viewport" content="width=device-width, shrink-to-fit=YES">

มันทำเช่นเดียวกับ scalePageToFit ใน UIWebView

อ้างถึง: วิธีตั้งค่ามาตราส่วนการซูม iOS WkWebview

โซลูชัน Swift 5:

let javaScript = """
    var meta = document.createElement('meta');
                meta.setAttribute('name', 'viewport');
                meta.setAttribute('content', 'width=device-width');
                document.getElementsByTagName('head')[0].appendChild(meta);
    """

webView.evaluateJavaScript(javaScript)

งานนี้สำหรับฉันฉันได้เพิ่มแอตทริบิวต์สองรายการในเมตา: initial-scale=1.0, shrink-to-fit=yesซึ่งช่วยให้พอดีกับข้อความที่มี html มีภาพขนาดใหญ่ใน html

let jscript = "var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width, initial-scale=1.0, shrink-to-fit=yes'); document.getElementsByTagName('head')[0].appendChild(meta);"
        
let userScript = WKUserScript(source: jscript, injectionTime: .atDocumentEnd, forMainFrameOnly: true)

let wkUController = WKUserContentController()
        
wkUController.addUserScript(userScript)
        
let wkWebConfig = WKWebViewConfiguration()
        
wkWebConfig.userContentController = wkUController

self.webView = WKWebView(frame: self.view.bounds, configuration: wkWebConfig)

// ทำงานให้ฉัน 100%

func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) {
    //print(#function)
    let scriptFontSizeAdjustment = "var style = document.createElement('style');style.innerHTML = 'body { -webkit-text-size-adjust: none; }';document.getElementsByTagName('head')[0].appendChild(style);"

    let scriptImgSizeAdjustment = "var style = document.createElement('style');style.innerHTML = 'img { display: inline;height: auto;max-width: 100%; }';document.getElementsByTagName('head')[0].appendChild(style);"

    webKitView.evaluateJavaScript(scriptFontSizeAdjustment)
    webKitView.evaluateJavaScript(scriptImgSizeAdjustment)

}

คำตอบนี้ไม่ได้ผลสำหรับฉัน ฉันพยายามเปิด URL ของ Amazon สำหรับศิลปินคนใดคนหนึ่ง ปรากฎว่า Amazon มี URL ที่ตอบสนองต่ออุปกรณ์เคลื่อนที่และ URL บนเดสก์ท็อป บน Safari บนเดสก์ท็อปฉันเปลี่ยนเป็น iPhone เป็นตัวแทนผู้ใช้ (พัฒนา> ตัวแทนผู้ใช้> Safari - iOS 13.1.3 - iPhone) และได้รับ URL ที่เหมาะสมสำหรับมือถือ