Özel CSS ile Web Görünümü'nde HTML oluşturma

Question 1

Uygulamam bir mesaj panosu sayfasının HTML'sini indirmek için JSoup kullanıyor (diyelim ki bu durumda, belirli bir konu başlığının gönderilerini içeren bir sayfadır). Bu HTML'yi almak, istenmeyen öğeleri çıkarmak ve bir Web Görünümü'nde 'mobil' olacak şekilde biçimlendirmek için özel CSS uygulamak istiyorum.

Stilleri işlerken HTML'ye eklemeli miyim (yine de işleyeceğim için) veya uygulamamın varlıklarına bir CSS dosyası eklemenin ve ona başvurmanın iyi bir yolu var mı? İkincisinin ideal olacağını düşündüm, ancak bunun nasıl yapılacağından emin değilim.

WebView'ın loadDataWithBaseURL'sinde yerel varlıklara başvurabileceğiniz, ancak onu nasıl kullanacağınızdan emin olamayacağınız ipuçları görüyorum .

Question 2

WebView.loadDataWithBaseURL kullanabilirsiniz

htmlData = "<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />" + htmlData;
// lets assume we have /assets/style.css file
webView.loadDataWithBaseURL("file:///android_asset/", htmlData, "text/html", "UTF-8", null);

Ve ancak bundan sonra WebView, css dosyalarını varlıklar dizininden bulabilir ve kullanabilir.

ps Ve evet, html dosyanızı varlıklar klasöründen yüklerseniz, bir temel URL belirtmenize gerek yoktur.

Question 3

"Style.css" stilinizin zaten varlıklar klasöründe bulunduğunu varsayıyorum.

web sayfasını jsoup ile yükleyin:

doc = Jsoup.connect("http://....").get();

harici stil sayfalarına bağlantıları kaldırın:

// remove links to external style-sheets
doc.head().getElementsByTag("link").remove();

yerel stil sayfasına bağlantı ayarlayın:

// set link to local stylesheet
// <link rel="stylesheet" type="text/css" href="style.css" />
doc.head().appendElement("link").attr("rel", "stylesheet").attr("type", "text/css").attr("href", "style.css");

jsoup-doc / web-sayfasından dizge oluşturun:
```
String htmldata = doc.outerHtml();
```

web sayfasını web görünümünde görüntüle:

WebView webview = new WebView(this);
setContentView(webview);
webview.loadDataWithBaseURL("file:///android_asset/.", htmlData, "text/html", "UTF-8", null);

Question 4

çözüm burada

Html ve css'nizi / assets / klasörünüze koyun, ardından html dosyasını şu şekilde yükleyin:

    WebView wv = new WebView(this);

    wv.loadUrl("file:///android_asset/yourHtml.html");

o zaman html'nizde css'nize her zamanki gibi başvurabilirsiniz

<link rel="stylesheet" type="text/css" href="main.css" />

Question 5

Olduğu kadar basit:

WebView webview = (WebView) findViewById(R.id.webview);
webview.loadUrl("file:///android_asset/some.html");

Ve some.html dosyanızın aşağıdaki gibi bir şey içermesi gerekir:

<link rel="stylesheet" type="text/css" href="style.css" />

Question 6

CSS'niz dahili dosya deposunda varsa, kullanabilirsiniz

//Get a reference to your webview
WebView web = (WebView)findViewById(R.id.webby);

// Prepare some html, it is formated with css loaded from the file style.css
String webContent = "<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><link rel=\"stylesheet\" href=\"style.css\"></head>"
                      + "<body><div class=\"running\">I am a text rendered with INDIGO</div></body></html>";

//get and format the path pointing to the internal storage
String internalFilePath = "file://" + getFilesDir().getAbsolutePath() + "/";

//load the html with the baseURL, all files relative to the baseURL will be found 
web.loadDataWithBaseURL(internalFilePath, webContent, "text/html", "UTF-8", "");

Question 7

Belirli bir div'de tüm içeriğin sayfa içinde görüntülenmesi mümkün müdür? Daha sonra css'yi kimliğe göre sıfırlayabilir ve oradan çalışabilirsiniz.

Div kimliğinizi = "ocon" verdiğinizi varsayalım

CSS'nizde aşağıdaki gibi bir tanıma sahip olun:

#ocon *{background:none;padding:0;etc,etc,}

ve tüm css'lerin içeriğe uygulanmasını temizlemek için değerler ayarlayabilirsiniz. Bundan sonra sadece kullanabilirsin

#ocon ul{}

veya her neyse, içeriğe yeni stiller uygulamak için stil sayfasının daha aşağısında.

Question 8

Stili mevcut içeriğin üzerine ayarlamak için Çevrimiçi Css bağlantısını kullanabilirsiniz.

Bunun için verileri web görünümünde yüklemeniz ve JavaScript Desteğini etkinleştirmeniz gerekir.

Aşağıda Kodu Gör:

   WebSettings webSettings=web_desc.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webSettings.setDefaultTextEncodingName("utf-8");
    webSettings.setTextZoom(55);
    StringBuilder sb = new StringBuilder();
    sb.append("<HTML><HEAD><LINK href=\" http://yourStyleshitDomain.com/css/mbl-view-content.css\" type=\"text/css\" rel=\"stylesheet\"/></HEAD><body>");
    sb.append(currentHomeContent.getDescription());
    sb.append("</body></HTML>");
    currentWebView.loadDataWithBaseURL("file:///android_asset/", sb.toString(), "text/html", "utf-8", null);

Burada Stil için String eklemek için StringBuilder'ı kullanın.

sb.append("<HTML><HEAD><LINK href=\" http://yourStyleshitDomain.com/css/mbl-view-content.css\" type=\"text/css\" rel=\"stylesheet\"/></HEAD><body>");
sb.append(currentHomeContent.getDescription());