Beiträge von .DeJaVu

Guckst du

Thema

Anleitung zur Nutzung des Inspektors und der Stilbearbeitung aus den Entwicklerwerkzeugen

Firefox enthält eine ganze Reihe von Entwicklerwerkzeugen (englisch: developer tools), mit denen man HTML, CSS, JavaScript auf Webseiten und der Firefox-Benutzeroberfläche untersuchen, bearbeiten und nach Fehlern durchsuchen kann und in erster Linie für Webentwickler gedacht sind. Es gibt folgende Entwicklerwerkzeuge:

- Inspektor

- Konsole

- Debugger

- Netzwerkanalyse

- Stilbearbeitung

- Laufzeitanalyse (nur für Webseiten)

- Speicher

- Web-Speicher

- Barrierefreiheit

Dieser Beitrag beschränkt sich…

milupo

15. Februar 2020 um 15:48

Und

Seiteninspektor - Firefox Tools für Webentwickler | MDN

Der Seiteninspektor ist ein handliches Werkzeug zur Untersuchung von Stuktur und Gestaltung einer Seite.

developer.mozilla.org

Und nein, ich bin nicht immer nett. Ich kann dir nicht in 5 Sätzen beibringen, wo ich Jahre mit verbracht habe und ganz sicher Endor, Andreas oder Sören nicht das Wasser reichen kann. Und Inspector ist für mich das Tool, es zeigt auch an, wenn man bestimmte Formatierungen nicht nutzen kann, weil xyz fehlt. Da nützt dann auch kein anderes Tool.

Lies bitte selbst

[EXT] Download Manager (S3) • mozillaZine Forums

Firefox zeigt alle wichten Infos, durch s3 werden Downloads auch nicht besser oder schneller.

Und? Ist das jetzt dein Problem, wenn bei denen ein Werbeblocker das iframe blockiert?

Nein, ist es nicht.

Ich sehe das nicht als deine Aufgabe, denen das zu erklären. Wer einen Werbeblocker nutzt, soll sich gefälligst auch damit beschäftigen und mindestes wissen, wie man ihn für die entsprechende Seite abschaltet.

Entschuldige den ersten Einwurf hier, ich nahm verfehlend an, du hättest das Problem.

Steht hier, im unteren Drittel.

Web Developer Help

View the help for the Web Developer extension.

chrispederick.com

Zitat von Sören Hentzschel

Kennst du die Erweiterung überhaupt?

Kennen, nutzen - nein, merkt man das?

Was em angeht halte ich es für die falsche Skalierung, war das aussagekräftig genug?

Krieg dich wieder ein, es war ein Vorschlag. Statt einen auf angepisst zu machen hätte man einfach schreiben können, dass es so, wie ist für dich gut ist, er will dein CSS ganz sicherlich nicht anwenden, er hat was eigenes. Seit Sören dir was zur v88 geschrieben hast, bist du auf Krawall gebürstet.

Firefox druckt auch das, was via media print geändert wurde. Der Druckdialog spielt so gesehen keine einzige Rolle.

Nutze das Beispiel von mir für die gegebene Seite und betrachte den Unterschied.

Stylus > Verwalten > "Neuen Style erstellen", CSS von oben einfügen, wirkt sofort beim Druck.

So verändern ganz viele Seiten ihre Druckausgabe beim Benutzer, nicht immer perfekt, aber man kann wie CSS bei der normalen Webanzeige @media screen den Inhalt so formatieren, dass es druckfreundlicher wird. Dieses Forum müsste auch so ein CSS beinhalten für die Druckausgabe.

Das mag sein, in der Bibliothek ist es aber weg. Deswegen fragte ich ja nach den Beweggründen, wenn man sich schon dort befindet, warum dann Bearbeiten über die Umwege, die du benennst?

Zitat von BrokenHeart

Was ist daran zu viel?

Weil du den Ort nur über den Pfad einschränkst, nicht über die tatsächliche "Seite". Diese Angabe des Dokuments macht sehr viel Sinn. ich mag nicht bestreiten, dass es funktioniert, nur ist es nicht unbedingt ratsam. Bist du sicher, dass es nicht auch in der Sidebar so auftaucht?

Das mag sein, ich halte mich an den Inspector bzw die Browser-Werkzeuge. Ich meine, das hast du schon mal so geschrieben, länger her. Aber egal, in allen Tools muss man das Ergebnis lesen und nutzen können. Was mir grad auf der Webseite ins Auge sticht:

Zitat

Nightly, alpha, beta and release candidate browser builds are not supported

Ist das noch aktuell?

Zitat von Sören Hentzschel

dass der Presto-Opera

Muss jeder selber wissen, in was für Gefahren er sich bringt. Das es nicht nur dort alt ist, hatte ich ja zum Design geschrieben.

Zitat von Sören Hentzschel

% und vw sind ebenfalls keine absoluten Größenangaben.

Das ist mir bekannt, nur schien das wohl für em nicht bekannt zu sein. Ob es sinnvoll ist, ist eine andere Frage, die ich ohne Kontext nicht weiter beantworten kann. Ich könnte vermuten, dass vw in dem Fall sogar besser wäre.

Ne, war doch das richtige Thema.

Warum willst du dir die Möglichkeit nehmen, Lesezeichen zu bearbeiten?

PS browsertools sagen #detailsPane

@-moz-document  url-prefix(chrome://browser/content/places/places.xhtml)
{

#detailsPane
{
/*deine Inhalete*/
}


}

Zitat

Und was willst du uns damit sagen?

Dass dein CSS zu viel beinhaltet ist. Ich nutze es, um diese Ansicht oben zu platzieren statt unten.

Mit dem richtigen -moz-document gibt es nur diesen einen Dialog, alles andere ist unnötig.

Und diese Anzeige ist die einzige Option, meines Wissens nach, Lesezeichen zu bearbeiten.

Deine Grenzen kenne ich nicht, meine sind noch nicht ausgelotet. Eine Schnittmenge zu deiner gibt es nicht, so wenig mag ich nicht mehr wissen wollen :p War ja nicht der einzige, der dir das geschrieben hat, wenn auch mit anderen Worten. Und Sören (#6) ist mit Sicherheit nicht fragwürdig.

Ich kann nichts dafür, dass mir sowas leichter zufliegt als andere, nur wenn man es selbst nicht besser weiss, sollte man manches einfach als gegebenen nehmen.

PS überflüssiger Krempel

Web Developer

Fragestellung und vermutlich ausstehendes Feedback dürften ganz sicher ein Merkmal sein

Aber vielleicht hilft ihm ja sein Telekom-Mensch wieder aus. Ich vermute, es wird nicht die letzte Frage zu seinen neu installierten Windows 10 bleiben (vorhandener Laptop). Das Thema Backup hat man ja auch nur wie oft besprochen?

Aber egal, S3 ist eine alte Erweiterung, also historisch betrachtet, ich hatte es vor Quantum, aber mit dem neuen Download-Managerin Firefox absolut überflüssig. Dazu ist es extrem fehlerbehaftet (immer wieder). Lass einfach sein, Igelchen, nimm das, was Firefox bietet, das ist genau so gut.

Da steht

"Insert Bookmark on top/on bottom", da geht es nur um das Lesezeichen als Ergebnis.

Im Kontext steht es immer unten, aber du weisst ja, wie man sowas verschiebt

Zitat von angel-ch

Nur war ich nicht sicher ob dieser funktioniert.

Funktioniert bestens, sonst hätte ich den nicht erwähnt - kann auch Ausnahmen erstellen, falls nicht.

Page Edit - da steht nicht, dass es seine Einstellungen speichert - tut es?

Ansonsten mit Stylus vertraut machen.

Print Page WE ist nett, aber buggy. Das Problem dabei ist, dass es auch mit gegebenen @media print kollidiert. Wenn du Seiten beim Drucken limitieren willst, ist Stylus ebenfalls eine Option, ein Beispiel aus Stylus exportiert:

@-moz-document domain("giveawayoftheday.com") {
@media print {

.cf.footer,
.cf.header,
.cf:before,
.cf:after,
.col1.comments,
.col1.featured,
.col1.wrap_goto,
.col2-2.download,
.col2.feedback,
.col2.giveaway_basket,
.col2.offers,
.col2.slogan,
.giveaway_descr .second_btn,
.giveaway_label,
.header_lang,
.top_head,
.wrapper_lists,
.wrapper_offers,
.wrap_items,
.wrap_votes,
#giveaway_termswidget > div:nth-child(2),
.col2-2.col-r.requirements > h3:nth-child(9),
.col2-2.col-r.requirements > h3:nth-child(11),
.col2-2.col-r.requirements > p:nth-child(10),
.col2-2.col-r.requirements > p:nth-child(12),
.col1.prog_descr > p:nth-child(2) > strong,
.cf.middle .download,
.ads_wrap,
.top_ab,
.center_ab,
.center_b,
.wrap_subscrb.with_bot,
.col2-1.timer /* no timer for print */
{
    display: none !important;
}

/*+ noch mehr */

} /* print ende */
}

Da ist noch mehr enthalten, die normale Anzeige ist fast identisch.

Ich greife auf die gleiche Erweiterung zu, um mir Seiten für meine Zwecke dauerhaft anzupassen statt wie doof irgendwas zu markieren immer und immer wieder. Ansonsten kann auch die vereinfachte Ansicht in Firefox aushelfen. Ich drucke meistens in ein PDF und wenn mir was nicht gefällt, bearbeite ich das PDF und schiebe es, wie mir gefällt.

Zitat von ^L^

Die Frage ist gestellt.

Und die Frage hatte ich dir schon sehr weit am Anfang beantwortet: Nein, gibt es nicht, musst du dir selbst schreiben. Der einzige sinnvolle Ausweg ist CSS wie hier, nur muss man sich dann auch drum bemühen und es verstehen lernen. Deswegen hatte ich zu winfuture auch nur die Tags gegeben, was da geändert werden muss, darf der-/diejenige sich selbst erarbeiten - vor allem, weil es zu leicht ist.

Nicht wirklich:

- foxtrott2

- foxtrott_12

https://www.camp-firefox.de/profil/84489-foxtrott-12/

https://www.camp-firefox.de/profil/101904-foxtrott2/

Um nur zwei vom "hedgehog" zu nennen.

Demut aus dem woxikon

ᐅ Demut Synonym | Alle Synonyme - Bedeutungen - Ähnliche Wörter

Zitat

Bedeutung: Entgegenkommen

Und genau das ist es auch.

PS Arroganz muss man sich erarbeiten, kann nicht jeder

PPS Nichts wissen Macht auch nichts.

Zitat von 2002Andreas

Wenn es jetzt unfreundlich wird in diesem Thread, dann schließe ich ihn.

Hat eine starke Tendenz dazu - boooring

Und heute hatte ich es das erste Mal auch unter Android/Firefox93nightly

Zitat

Don't track me Google

Windscribe - Free VPN and Ad Blocker

Violentmonkey

Cookiebro - Cookie Manager

Decentraleyes

Stylus

uBlock Origin

uMatrix

I don't care about cookies

Consent Blocker

Alles anzeigen

Da ich den täglich nutze, sollte es seit tagen aktuell sein, also gestern war noch nichts, vorgestern auch nicht, die letztenb Änderungen, auch am Desktop zu diesen Erweiterungen, war am 13.8., also schon mehr als 4 Tage her und es trat erst gestern auf. Allenfalls gestern bzw heute ein nightly-Update. Ich tendiere deswegen daher grad zu einer Vermutung, dass es irgendwas in Firefox sein muss, eine interne Liste, allenfalls eine Liste in ublock - Problem ist nur, dass es auf dem Desktop auch ohne ublock/windscribe/violentmonkey/decentraleyes/umatrix/consent blocker/cookiebro/i dont care about.../ auftritt.

Sehr merkwürdig, ich werde das auch unter Android verfolgen.

Zitat

K-Lite_Codec_Pack

An hier habe ich aufgehört zu lesen. Diese Codec-Pakete für Windows sind schlichtweg nur Sammelschrott und stören mehr als dass sie nutzen. Wenn du was gutes suchst, schau nach "LAV-filters" (github), aber selbst das ist überflüssig mit VLC, es gibt kaum Bessere.

Zitat von angel-ch

Da habe ich mit dem alten Internet Explorer auch keine Aussetzer.

Und dieser Murks ist hoffentlich bald Weg, der ist weder noch zu irgendwas als Standard oder Referenz zu sehen, der zeigt das falscheste HTML noch an und ist letztlich auch nur noch eine aktive Sicherheitslücke. Was meinst du, warum Edge der neue Standardbrowser ist?

Text bitte als Zitat oder CODE einfügen! Ist ein unnötiger Zwischenschritt

Page Edit, Print Edit WE

Taugen beide nicht die Bohne.

Speed Dial [FVD]

Schnüffelerweiterungen

Vergiss Mein Nicht

Überflüssig, die hast bereits einen Cookie Manager. Oder beide weg und stattdessen CookieBro oder Cookie Autodelete

Adblock Plus

Komplett überflüssig mit ublock

Load Progress Bar

Einfach nur fehlerhafter Müll

Ultrawidify

Überflüssig mit dem Enhancer

Video Resumer Media URL Timestamper

Teste ohne, und wenn, dann nur eines

Dir fehlt "Consent Blocker", das wäre mal richtig nützlich statt des überflüssigen Krempels oben.

em ist ein Faktor, keine absolute Größenangabe. Jaja, CSS ist schon schwer.

Zitat von ^L^

abgesehen nat. vom Sicherheitsrisiko

Wo siehst du eines, wo keines sein dürfte?

Aber du siehst ja auch, dass Opera Mist baut im Design.

winfuture - #container ist falsch, zeigt dir aber auch der Inspector an.

#mainWrap, #centerRightWrap, #centerWrap, .primary_content, .content_wrap wäre das gesuchte - alle, nicht nur eines davon. Ich hatte es ja oben schon gesagt, als wenn es so einfach wäre.

Andreas hat dir doch eine Anleitung zum Inspector verlinkt.

Bitte

Bookmark Tab Here