代码之家 › 专栏 › 技术社区 › hpique

调整Android WebView的字体大小

font-size webview webkit android javascript

hpique · 技术社区 · 15 年前

如何调整Android的字体大小 WebView ? 以下内容似乎无效:

private void fontSizePlus() {
    fontSize = (fontSize < FONT_SIZE_MAX) ? fontSize + FONT_SIZE_INCREMENT : fontSize;
    this.changeFontSize(fontSize);
}

private void fontSizeMinus() {
    fontSize = (fontSize > FONT_SIZE_MIN) ? fontSize - FONT_SIZE_INCREMENT : fontSize;
    this.changeFontSize(fontSize);
}

private void changeFontSize(int value) {
    String js = "document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '" + value + "%';";
    mWebView.loadUrl("javascript:(function() { " + js +  " })()");  
}

其中 网络视图 常量已初始化如下:

private final static int FONT_SIZE_DEFAULT = 100;
private final static int FONT_SIZE_MIN = 50;
private final static int FONT_SIZE_MAX = 150;
private final static int FONT_SIZE_INCREMENT = 5;
private int fontSize = FONT_SIZE_DEFAULT;

private WebView mWebView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.index);
    mWebView = (WebView) findViewById(R.id.webview);
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.loadUrl("file:///android_asset/index.htm");
}

3 回复 | 直到 15 年前

ceph3us 11 年前

@罗布的回答和评论给我指明了正确的方向。

首先确保所有字体大小都与默认字体大小相对应。如果使用绝对值,则以下内容将不适用于这些元素。

然后:

@Override
protected void onCreate(Bundle savedInstanceState) {
    ...
    mWebView = (WebView) findViewById(R.id.webview);
    fontSize = mWebView.getSettings().getDefaultFontSize();
    ...
}

private void fontSizePlus() {
    fontSize++;
    this.changeFontSize(fontSize);
}

private void fontSizeMinus() {
    fontSize--;
    this.changeFontSize(fontSize);
}

private void changeFontSize(int value) {
    mWebView.getSettings().setDefaultFontSize(value);
}

通过更改默认字体大小的值,将相应地调整所有相对字体大小。这给了你比 WebSettings.setTextSize (WebSettings.TextSize t) .

Praveenkumar 14 年前

我不知道 webkitTextSizeAdjust 在safari/mobile safari以外的任何地方都支持。

尝试 WebSettings.setTextSize (WebSettings.TextSize t)

而不是用javascript来实现。

Juan Mellado user183856 14 年前

布莱恩·库利帮我做了这个…试试。。。

increaseFontButton.setOnClickListener( new OnClickListener() {
    public void onClick(View v) {
        WebSettings settings = myWebView.getSettings();
        settings.setTextZoom( (int)(settings.getTextZoom() * 1.1) );
    }
}

推荐文章

gill · 如何在Flutter WebView中使用智能手机上的按钮转到上一页?

2 年前

user17305876 · 统一使用vuplex和openxr

2 年前

Arvind Tyagi · 如何在xamrin中的webview中上传多个文件任何人都能帮助我吗

2 年前

Ahmed Zaidan · 太多的网页视图实例导致手机过热Swift

2 年前

AntonyCatcher · 如何在Javascript中通过控制台更改宽度和溢出?

3 年前

genericUser · 无法在flutter中使用flatter_inappwebview下载文件

3 年前

iDibya.com · 有没有像gmail那样在webview中打开默认浏览器?

3 年前

Lelouch · React Native web视图onShouldStartLoadWithRequest不工作android

3 年前

Ruslan Pitula · 从Web视图上的文本检测链接

8 年前

mel.j · 在WebView中检测视频播放状态的最佳方法是什么?

8 年前