Android Studio WebView -HTML

  • Antworten:16
  • Bentwortet
heyhey83
  • Forum-Beiträge: 51

31.01.2020, 15:03:18 via Website

Ich habe eine frage: Ich habe mit Android Studio eine WebView erstellt (Locale HTML) nun soweit funktioniert auch alles, so folgendes Problem ich habe( twitter-timeline )in meiner html eingebaut aber in der App wird sie nicht angezeigt weis einer warum??

Bin für jede Hilfe dankbar.
MfG Roberto

Kommentieren
Beste Antwort
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

31.01.2020, 16:58:32 via Website

Hallo Roberto,

wie hast du denn die Twitter Timeline integriert?
Evtl musst du JAvaScript in der WebView aktivieren:

myWebView.getSettings().setJavaScriptEnabled(true);

und das am besten vor dem laden/anzeigen der HMTL

LG Pascal //It's not a bug, it's a feature. :) ;)

Hilfreich?
heyhey83
Kommentieren
heyhey83
  • Forum-Beiträge: 51

31.01.2020, 21:08:16 via Website

Pascal P.

Hallo Roberto,

wie hast du denn die Twitter Timeline integriert?
Evtl musst du JAvaScript in der WebView aktivieren:

myWebView.getSettings().setJavaScriptEnabled(true);

und das am besten vor dem laden/anzeigen der HMTL

Danke das funktioniert. Vielleicht kannst du noch mal helfen habe ja eine Responsive html und da zeigt es in der Ápp das Menü nicht also in der html.

Schon mal Danke.

— geändert am 31.01.2020, 21:11:48

Hilfreich?
Kommentieren
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

31.01.2020, 22:24:01 via App

Da misst du mir schon Details deiner HTML zeigen wie das Menü gemacht ist etc.
Wie hast du diese erstellt? Wird es am PC angezeigt?

Warum eigentlich eine HTML und keine Nutzung der Twitter API?

LG Pascal //It's not a bug, it's a feature. :) ;)

Hilfreich?
Kommentieren
heyhey83
  • Forum-Beiträge: 51

01.02.2020, 09:44:18 via Website

Pascal P.

Da misst du mir schon Details deiner HTML zeigen wie das Menü gemacht ist etc.
Wie hast du diese erstellt? Wird es am PC angezeigt?

Warum eigentlich eine HTML und keine Nutzung der Twitter API?

So die html kann ich hier nicht posten da ich dann diese Meldung hier bekomme(Um Spam in unserem Forum zu vermeiden, können neue Mitglieder vorerst keine Links auf externe Webseiten veröffentlichen.). Möchte das eben gerne ohne API machen da ich noch anders vorhabe.

MfG Roberto & Danke

Hilfreich?
Kommentieren
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

01.02.2020, 15:15:41 via Website

Du musst die Links "ungültig machen" oder entfernen.
Dann kannst du auch die HTML posten.
Zur Not extern z.. bei Pasebin

LG Pascal //It's not a bug, it's a feature. :) ;)

Hilfreich?
Kommentieren
heyhey83
  • Forum-Beiträge: 51

01.02.2020, 15:48:02 via Website

Pascal P.

Du musst die Links "ungültig machen" oder entfernen.
Dann kannst du auch die HTML posten.
Zur Not extern z.. bei Pasebin


SETI Sachsen 2020-2030
-->


SETI Sachsen






        <!-- Header -->
            <header id="header">
                <h1 id="logo"><a href="#">Herzlich Willkommen bei uns.</a></h1>
                <nav id="nav">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li>
                            <a href="#">Menü</a>
                            <ul>
                              <li><a href="#" title=“#“ target="_blank">#</a></li>
                                <li><a href="#">txt</a></li>
                                <li><a href="#">txt</a></li>
                                <li>
                                    <a href="#">Submenu</a>
                                    <ul>
                                      <li><a href="#" title=“Linkbeschreibung“ target="_blank">Text</a></li>
                                        <li><a href="#">txt</a></li>
                                        <li><a href="#">txt</a></li>
                                        <li><a href="#">txt</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#">#</a></li>
                        <li><a href="#" class="button primary">About</a></li>
                    </ul>
                </nav>
            </header>

        <!-- Banner -->
            <section id="banner">
                <div class="content">
                    <header>
                        <h2>#</h2>
                        <p>#<br /></p>
                    </header>
                    <span class="image"><img src="images/pic10.png" alt="" /></span>
                </div>
                <a href="#one" class="goto-next scrolly">#</a>
            </section>

        <!-- One -->
            <section id="one" class="spotlight style1 bottom">
                <span class="image fit main"><img src="images/pic02.png" alt="" /></span>
                <div class="content">
                    <div class="container">
                        <div class="row">
                            <div class="col-4 col-12-medium">
                                <header>
                                    <h2>#</h2>
                                    <p>#</p>
                                </header>
                            </div>
                            <div class="col-4 col-12-medium">
                              <h2></h2><p></p>
                            </div>
                            <div class="col-4 col-12-medium">
                              <h2>#</h2><p>#</p>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="#two" class="goto-next scrolly">Next</a>
            </section>

        <!-- Two -->
            <section id="two" class="spotlight style2 right">
                <span class="image fit main"><img src="images/pic03.png" alt="" /></span>
                <div class="content">
                    <header>
                      <h2>Twitter</h2>
                    </header>
                  <a#</a>
            </section>

        <!-- Three -->
            <section id="three" class="spotlight style3 left">
                <span class="image fit main bottom"><img src="images/pic04.png" alt="" /></span>
                <div class="content">
                    <header>
                        <h2>#</h2>
                        <p>#</p>
                    </header>
                    <p></p>
                    <ul class="actions">
                        <li><a href="#" class="button">#</a></li>
                    </ul>
                </div>
                <a href="#four" class="goto-next scrolly">txt</a>
            </section>

        <!-- Four -->
            <section id="four" class="wrapper style1 special fade-up">
                <div class="container">
                    <header class="major">
                        <h2>txt</h2>
                        <p>txt</p>
                    </header>
                    <div class="box alt">
                        <div class="row gtr-uniform">
                            <section class="col-4 col-6-medium col-12-xsmall">
                                <span class="icon solid alt major fa-chart-area"></span>
                                <h3>txt</h3>
                                <p>txt</p>
                            </section>
                            <section class="col-4 col-6-medium col-12-xsmall">
                                <span class="icon solid alt major fa-comment"></span>
                                <h3>#</h3>
                                <p>#</p>
                            </section>
                            <section class="col-4 col-6-medium col-12-xsmall">
                                <span class="icon solid alt major fa-flask"></span>
                                <h3>#</h3>
                                <p>#</p>
                            </section>
                            <section class="col-4 col-6-medium col-12-xsmall">
                                <span class="icon solid alt major fa-paper-plane"></span>
                                <h3>txt</h3>
                                <p>txt</p>
                            </section>
                            <section class="col-4 col-6-medium col-12-xsmall">
                                <span class="icon solid alt major fa-file"></span>
                                <h3>txt</h3>
                                <p>txt</p>
                            </section>
                            <section class="col-4 col-6-medium col-12-xsmall">
                                <span class="icon solid alt major fa-lock"></span>
                                <h3>txt</h3>
                                <p>txt</p>
                            </section>
                        </div>
                    </div>
                    <footer class="major">
                        <ul class="actions special">
                            <li><a href="#" class="button">Home</a></li>
                        </ul>
                    </footer>
                </div>
            </section>

        <!-- Five -->
            <section id="five" class="wrapper style2 special fade">
                <div class="container">
                    <header>
                        <h2>Link List</h2>
                        <ul class="actions">
                        <li><a href="#" class="button">#</a></li>
                        <li><a href="#" class="button">Link2</a></li>
                    </ul>
                    </header>
                  <p></p>
                </div>
            </section>

        <!-- Footer -->
            <footer id="footer">
                <ul class="icons">
                    <li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
                    <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
                  <li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
                    <li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
                </ul>
                <ul class="copyright">
                    <li>&copy;2020-2030 #. All rights reserved.</li><li>Design: <a href="#">#</a></li>
                </ul>
            </footer>

    </div>

    <!-- Scripts -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery.scrolly.min.js"></script>
        <script src="assets/js/jquery.dropotron.min.js"></script>
        <script src="assets/js/jquery.scrollex.min.js"></script>
        <script src="assets/js/browser.min.js"></script>
        <script src="assets/js/breakpoints.min.js"></script>
        <script src="assets/js/util.js"></script>
        <script src="assets/js/main.js"></script>

</body>

Kann es sein das ich in MainActivity.java vielleicht CSS Enabled true machen muss ? ich weis zwar noch nicht wie der Befehl dann ist aber vielleicht könnt ihr mir ja helfen.

Danke.
MfG
Roberto

— geändert am 04.02.2020, 15:58:10

Hilfreich?
Kommentieren
heyhey83
  • Forum-Beiträge: 51

04.02.2020, 17:56:45 via Website

So in mein Browser wird das Menü angezeigt von mein HTML5 nur in der App eben nicht.

image

MfG
Roberto

Hilfreich?
Kommentieren
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

05.02.2020, 01:19:12 via Website

Leider schwer zusagen woran es liegt.
Hast du die WebView vollbild um im Querformat? Wird das Menp ausgeblendet, wenn du dein Browserfenster kleiner ziehst?
Warum machst du nicht gleich eine Webseite/WebApp draus?

LG Pascal //It's not a bug, it's a feature. :) ;)

Hilfreich?
Kommentieren
heyhey83
  • Forum-Beiträge: 51

05.02.2020, 11:08:10 via Website

Pascal P.

Leider schwer zusagen woran es liegt.
Hast du die WebView vollbild um im Querformat? Wird das Menp ausgeblendet, wenn du dein Browserfenster kleiner ziehst?
Warum machst du nicht gleich eine Webseite/WebApp draus?

Wenn ich den Browser klein ziehe kommt das Menü ziehe ich es groß ist es wieder weg, in der App als Querformat erscheint das menü auch nicht. Na ja will das als locale html behalten ohne das es auf ein extra server ist.

MfG
Roberto

— geändert am 05.02.2020, 11:09:48

Hilfreich?
Kommentieren
heyhey83
  • Forum-Beiträge: 51

06.02.2020, 18:27:02 via Website

Hallo Pascal,

Ich habe nun Herausgefunden warum das Menü nicht da war.
Es war unter der Tollbar versteckt, so nun habe ich was an der Größe verändert aber im Layout lässt es sich nicht richtig anpassen und habe unterhalb ein weisen rand. Wenn ich es Größer ziehe rutsch es immer wieder unter die Tollbar.

 <WebView
    android:id="@+id/WebView"
    android:layout_width="match_parent"
    android:layout_height="510dp"
    android:layout_centerInParent="true"
    app:layout_anchor="@+id/include"
    app:layout_anchorGravity="center" />

image

MfG
Roberto

Hilfreich?
Kommentieren
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

06.02.2020, 20:24:00 via App

und wenn du als höhe auch match_parent nimmst?

LG Pascal //It's not a bug, it's a feature. :) ;)

Hilfreich?
Kommentieren
heyhey83
  • Forum-Beiträge: 51

07.02.2020, 10:05:04 via Website

Hallo Pascal, wenn ich das als match_parent nehme rutscht es wieder unter der Toolbar.

MfG
Roberto

Hilfreich?
Kommentieren
Jokel
  • Forum-Beiträge: 1.527

07.02.2020, 11:09:55 via Website

Hallo Zeige doch mal dein layout kommplet. Was ist es denn überhaupt relativ oder constrain?

Du muss schon in irgent einer Form angeben das unter der tool bar is.
Da kann ich nichts erkennen bei dir.

Mit dem center wirst du nicht weit kommen.
Auser du machst deine Web view in ein layout was unter der toobar ist.

So wird dein Layout nicht gehen.

— geändert am 07.02.2020, 11:17:58

Hilfreich?
Kommentieren
heyhey83
  • Forum-Beiträge: 51

07.02.2020, 11:25:49 via Website

Hallo Pascal, ich habe das layout auf RelativeLayout umgestellt und schon funktioniert das auch mit dem center. Nun muss ich noch raus finden wie ich die Textfarbe ändere von der Toolbar.

MfG
Roberto

— geändert am 07.02.2020, 11:59:03 durch Moderator

Hilfreich?
Kommentieren
heyhey83
  • Forum-Beiträge: 51

07.02.2020, 15:12:27 via Website

Hallo Pascal, ich danke dir aber habe das dann doch noch anders gemacht und habe das Theme gewechselt in styles.xml auf Theme.AppCompat und habe in activity_main.xml bei androidx.appcompat.widget.Toolbar android:background="#2A2D2D" android:titleTextColor="#ffffffff" und schon geht das alles super.

MfG
Roberto

Hilfreich?
Kommentieren