WP7 Web浏览器控制缩放

发布于 2024-10-08 07:32:02 字数 42 浏览 3 评论 0 原文

有些页面太小，在 WebBrowser 控件中难以阅读，是否可以缩放？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

迷荒 2024-10-15 07:32:02

如果您可以控制 html，则可以设置视口的initial-scale。更多背景在这里。

Windows Phone 7 上的 IE 移动视口

回复收藏 0 原文

静若繁花 2024-10-15 07:32:02

我采用了以下技巧：

BrowserControl.LoadCompleted += Browser_dohack;
private void Browser_dohack(object sender, NavigationEventArgs e)
    {
        string html = BrowserControl.SaveToString();
        string hackstring = "<meta name=\"viewport\" content=\"width=320,user-scalable=yes\" />";
        html = html.Insert(html.IndexOf("<head>", 0) + 6, hackstring);
        BrowserControl.NavigateToString(html);
        BrowserControl.LoadCompleted -= Browser_dohack;
    }

I went with the following hack:

BrowserControl.LoadCompleted += Browser_dohack;
private void Browser_dohack(object sender, NavigationEventArgs e)
    {
        string html = BrowserControl.SaveToString();
        string hackstring = "<meta name=\"viewport\" content=\"width=320,user-scalable=yes\" />";
        html = html.Insert(html.IndexOf("<head>", 0) + 6, hackstring);
        BrowserControl.NavigateToString(html);
        BrowserControl.LoadCompleted -= Browser_dohack;
    }

回复收藏 0 原文

梦过后 2024-10-15 07:32:02

是的，假设您没有阻止用户缩放，您可以点击进行缩放或使用收缩/拉伸，就像在完整浏览器中一样。

回复收藏 0 原文

幸福％小乖 2024-10-15 07:32:02

我设置了 CSS3 缩放 -transform - 请求页面的主体属性，因为我真的知道布局并且它可能不会很快改变。

private void OnBrowserNavigated(object sender, NavigationEventArgs e) {
    var browser = (sender as WebBrowser);
    browser.InvokeScript("eval", 
        "var script = document.createElement('script');" +
        "script.src = \"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.0.min.js\";" +
        "document.body.appendChild(script);" +
        "$('body').css('transform-origin', '0 0');" +
        "$('body').css('transform', 'scale(2.5)');"             
    );
}

我通过 jQuery 解决了这个问题，因为我发现它方式更方便。我也可以通过纯 JavaScript 来完成，因为这里不考虑目标浏览器。

I went with setting a CSS3 scale-function on the transform-property of the body for the requested page, as I really know the layout and that it probably won't change anytime soon.

private void OnBrowserNavigated(object sender, NavigationEventArgs e) {
    var browser = (sender as WebBrowser);
    browser.InvokeScript("eval", 
        "var script = document.createElement('script');" +
        "script.src = \"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.0.min.js\";" +
        "document.body.appendChild(script);" +
        "$('body').css('transform-origin', '0 0');" +
        "$('body').css('transform', 'scale(2.5)');"             
    );
}

I solved it via jQuery as I find it way more convenient. I could have done it via plain javascript as well, as the targeted browser is not in question here.

回复收藏 0 原文

~没有更多了~