Heim Web-Frontend HTML-Tutorial iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色_html/css_WEB-ITnose

iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色_html/css_WEB-ITnose

Jun 24, 2016 am 11:38 AM

因为WebView自带的属性是不可以改变字体大小颜色这些需求的,只能通过改变css样式,内置来解决。在百度上搜了半天很多不靠谱,现在给出几种解决方案如下:

1.第一种方式:在WebView的代理方法webViewDidFinishLoad中:

字体大小: [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '12%'"];

字体颜色:[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextFillColor= 'green'"];

背景颜色:[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.background='#F6F7F3'"];

2.第一种方式:在下面可以通过改变margin大小来改变webview文字距离边距大小,13代表字体大小,self.strBookTips是要被操作的字符串。

    NSString *BookStr = [NSString stringWithFormat:@" \n"

                         "

\n"

                         "

                         "body {margin:10;font-size: %d;}\n"

                         " \n"

                         " \n"

                         "

%@ \n"

                         "",13,self.strBookTips];

[self.webView loadHTMLString:BookStr baseURL:nil];

3.第三种方式,这种缺少了改变背景颜色

    NSString * formatString = @"%@";

    NSString * htmlString = [NSString stringWithFormat:formatString,self.strBookTips];

[self.webView loadHTMLString:BookStr baseURL:nil];



版权声明:本文为博主原创文章,未经博主允许不得转载。

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie ändere ich die Farbe der Titelleiste unter Windows 11? Wie ändere ich die Farbe der Titelleiste unter Windows 11? Sep 14, 2023 pm 03:33 PM

Standardmäßig hängt die Farbe der Titelleiste unter Windows 11 vom gewählten Dunkel-/Hell-Design ab. Sie können es jedoch in jede gewünschte Farbe ändern. In diesem Leitfaden besprechen wir Schritt-für-Schritt-Anleitungen für drei Möglichkeiten, wie Sie Ihr Desktop-Erlebnis ändern und personalisieren können, um es optisch ansprechend zu gestalten. Ist es möglich, die Farbe der Titelleiste von aktiven und inaktiven Fenstern zu ändern? Ja, Sie können die Farbe der Titelleiste aktiver Fenster mit der App „Einstellungen“ ändern, oder Sie können die Farbe der Titelleiste inaktiver Fenster mit dem Registrierungseditor ändern. Um diese Schritte zu lernen, fahren Sie mit dem nächsten Abschnitt fort. Wie ändere ich die Farbe der Titelleiste in Windows 11? 1. Drücken Sie in der App „Einstellungen“ +, um das Einstellungsfenster zu öffnen. WindowsIch gehe zu „Personalisierung“ und dann

So passen Sie die Hintergrundfarbeinstellungen in Eclipse an So passen Sie die Hintergrundfarbeinstellungen in Eclipse an Jan 28, 2024 am 09:08 AM

Wie stelle ich die Hintergrundfarbe in Eclipse ein? Eclipse ist eine bei Entwicklern beliebte integrierte Entwicklungsumgebung (IDE) und kann für die Entwicklung in einer Vielzahl von Programmiersprachen verwendet werden. Es ist sehr leistungsstark und flexibel und Sie können das Erscheinungsbild der Benutzeroberfläche und des Editors über Einstellungen anpassen. In diesem Artikel wird erläutert, wie Sie die Hintergrundfarbe in Eclipse festlegen, und es werden spezifische Codebeispiele bereitgestellt. 1. Ändern Sie die Hintergrundfarbe des Editors. Öffnen Sie Eclipse und rufen Sie das Menü „Windows“ auf. Wählen Sie „Einstellungen“. Navigieren Sie nach links

So invertieren Sie Farben unter Windows 11 [Verwenden von Verknüpfungen] So invertieren Sie Farben unter Windows 11 [Verwenden von Verknüpfungen] Apr 14, 2023 pm 02:43 PM

Wenn Sie einen Windows-Computer verwenden, müssen Sie möglicherweise die Farben des Computers umkehren. Dies kann auf persönliche Vorlieben oder einen Fehler im Anzeigetreiber zurückzuführen sein. Wenn Sie die Farben auf Ihrem Windows 11-PC umkehren möchten, finden Sie in diesem Artikel alle notwendigen Schritte, um die Farben auf Ihrem Windows-PC umzukehren. Was bedeutet es in diesem Artikel, Farben auf einem Bild umzukehren? Einfach ausgedrückt bedeutet das Invertieren der Farben eines Bildes, dass die aktuelle Farbe des Bildes in den entgegengesetzten Farbton im Farbkreis umgewandelt wird. Man kann auch sagen, dass dies bedeutet, die Farbe des Bildes in ein Negativ zu ändern. Beispielsweise wird ein blaues Bild in Orange, Schwarz in Weiß, Grün in Magenta usw. invertiert. Wie invertiert man Farben unter Windows 11? 1. Verwenden Sie die Microsoft Paint-Taste + und geben Sie ein

So legen Sie die Hintergrundfarbe in Editplus fest – So legen Sie die Hintergrundfarbe in Editplus fest So legen Sie die Hintergrundfarbe in Editplus fest – So legen Sie die Hintergrundfarbe in Editplus fest Mar 04, 2024 pm 07:00 PM

Freunde, wissen Sie, wie man die Hintergrundfarbe in Editplus einstellt? Wenn Sie interessiert sind, schauen Sie es sich mit mir an. Schritt 1: Öffnen Sie zunächst editplus und klicken Sie oben auf „Extras“, wie im Bild gezeigt: Schritt 2: Klicken Sie im Werkzeugmenü auf „Einstellungen“, wie im Bild gezeigt: Schritt 3: Klicken Sie auf der Seite „Einstellungen“ links auf „Farben“, wie im Bild gezeigt im Bild: Kapitel 3 Schritt 4: Wählen Sie in der Hintergrundposition nach Bedarf eine Farbe aus, wie in der Abbildung gezeigt:

Natürliches Titan: Enthüllung der wahren Farbe des iPhone 15 Pro Natürliches Titan: Enthüllung der wahren Farbe des iPhone 15 Pro Sep 18, 2023 pm 02:13 PM

Mit dem Ende seines jährlichen Wanderlust-Events hat Apple monatelangen Gerüchten und Spekulationen über seine iPhone 15-Reihe endlich ein Ende gesetzt. Wie erwartet zeichnet sich sein Flaggschiffmodell „Pro“ aus dem Jahr 2023 durch rohe Leistung und neues „Titanium“-Design und -Ästhetik aus. Hier ein Blick auf die verschiedenen Farben der neuen iPhone 15 Pro-Modelle und um die wahren Farben und Schattierungen der „natürlichen Titan“-Variante zu ermitteln. Apple iPhone 15 Pro Color Apple hat sich für eine Titanlegierung der Güteklasse 5 als Materialdesign für das neueste iPhone 15 Pro-Modell entschieden. Die beim iPhone 15 Pro verwendete Titanlegierung ist für ihr Verhältnis von Festigkeit zu Gewicht bekannt, was es nicht nur langlebiger und leichter macht, sondern dem Gerät auch eine elegante „Pinsel“-Textur verleiht

Ausführliches Tutorial zum Einstellen der Augenschutz-Farbanwendung auf einem Win10-Computer Ausführliches Tutorial zum Einstellen der Augenschutz-Farbanwendung auf einem Win10-Computer Jul 08, 2023 am 10:46 AM

Büroangestellte müssen den ganzen Tag vor dem Computer arbeiten. Die Hintergrundfarbe der meisten Software ist reinweiß. Wenn Sie sie längere Zeit betrachten, fühlen sich Ihre Augen trocken und unangenehm an. Tatsächlich können wir die Farbe des Fenster-Augenschutzes anpassen. Die online eingeführte Methode stellt Ihnen eine Methode zum Anpassen der Fenster-Augenschutzfarbe in Win10 vor. Sehen wir uns an, wie Sie den Computer-Augenschutzmodus einstellen. 1. Drücken Sie zunächst die Tastenkombination [win] + [R] auf der Tastatur, um das Ausführungsfenster zu öffnen, geben Sie [regedit] ein und klicken Sie zum Öffnen auf OK. 2. Erweitern Sie dann den Registrierungsordner der Reihe nach: [\HKEY_CURRENT_USER\ControlPanel\Colors] 3. Dann im Ordner „Colors“.

Schritt-für-Schritt-Anleitung zum Ändern der Hintergrundfarbe mit Eclipse Schritt-für-Schritt-Anleitung zum Ändern der Hintergrundfarbe mit Eclipse Jan 28, 2024 am 08:28 AM

Bringen Sie Ihnen Schritt für Schritt bei, wie Sie die Hintergrundfarbe in Eclipse ändern. Dazu sind spezifische Codebeispiele erforderlich. Eclipse ist eine sehr beliebte integrierte Entwicklungsumgebung (IDE), die häufig zum Schreiben und Debuggen von Java-Projekten verwendet wird. Standardmäßig ist die Hintergrundfarbe von Eclipse weiß, einige Benutzer möchten jedoch möglicherweise die Hintergrundfarbe nach ihren Wünschen ändern oder die Belastung der Augen verringern. In diesem Artikel erfahren Sie Schritt für Schritt, wie Sie die Hintergrundfarbe in Eclipse ändern, und stellen spezifische Codebeispiele bereit. Schritt 1: Öffnen Sie zuerst Eclipse

Ausführliche Erklärung, wie man die Hintergrundfarbe von PyCharm ändert Ausführliche Erklärung, wie man die Hintergrundfarbe von PyCharm ändert Jan 04, 2024 am 11:03 AM

PyCharm ist eine leistungsstarke integrierte Python-Entwicklungsumgebung (IDE), die Entwicklern viele praktische Funktionen und Tools bietet. Eine der am häufigsten verwendeten Funktionen besteht darin, die Hintergrundfarbe von PyCharm zu ändern. In diesem Artikel werde ich die Methode zum Ändern der Hintergrundfarbe von PyCharm ausführlich vorstellen und spezifische Codebeispiele bereitstellen. Um die Hintergrundfarbe von PyCharm zu ändern, müssen wir die folgenden Schritte ausführen: Schritt 1: Öffnen Sie PyCharm und klicken Sie im Menü „Datei“ auf „Einstellen“.

See all articles