WKWebView内容自适应宽度

最新推荐文章于 2021-01-19 16:48:28 发布

原创最新推荐文章于 2021-01-19 16:48:28 发布 · 4k 阅读

8 ·

CC 4.0 BY-SA版权

iOS 同时被 2 个专栏收录

68 篇文章

订阅专栏

51 篇文章

订阅专栏

本文介绍如何使用WKWebView及WKUserScript注入JavaScript代码来动态调整网页视口宽度，确保页面能在不同设备上正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  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;

    // 创建一个view来控制scrollview的contentsize
    self.wk = [[WKWebView alloc] initWithFrame:CGRectMake(10, 0, Main_Screen_Width - 20, 200) configuration:wkWebConfig];