Welchen Selektor bei Screenshot für das untere helle Feld, einschließlich der Button

Hey,
also zumindest das Ansprechen dieser Elemente ließ sich erreichen über "about:config" und das Setzen des Wertes "screenshots.browser.component.preventContentEvents" auf "false".

Grüße

Zitat von FuchsFan

konnte ich damit nichts erreichen.

Ich auch nicht.

Ich denke auch, das hat damit nichts zu tun

Evtl. kann uns Sören Hentzschel ja etwas dazu sagen, wie bzw. womit man die ID dieser Button findet.

Ja sorry,

mit erwähnter Änderung war es mir halt möglich, die Elemente in den Browser-Werkzeugen anzusprechen und auch zu ändern, nur das Speichern hab ich nicht hinbekommen; und natürlich nicht im Nightly, richtig.

Ich habe da etwas gefunden:

Es sind da zwei -moz-button-Elemente definiert, mit der ID copy bzw. download. Zugriff erfolgt über die Datei rechts oben in der Ecke. Ein Teil unter dem jeweiligen Element liegt unter shadow-root.

Zitat von hel_XY

das Speichern hab ich nicht hinbekommen

Hallo hel_XY ..

Eingetragen in die userContent.css:

#copy {
	background: red!important;
	color: white !important;
}

#download {
	background-color: green !important;
}

Zitat von hel_XY

die Elemente in den Browser-Werkzeugen anzusprechen

Das habe ich so wie auf deinem Screenshot zu sehen ist, hier nicht erreicht/gefunden

Auch nicht mit der Änderung in der config.

Zitat von milupo

Ich habe da etwas gefunden:

Hallo milupo.

Das entspricht dann diesem Fenster:

Dort lassen sich die IDs auch alle finden.

Nur in dem anderen Fall finde ich dir auch nicht

Zitat von 2002Andreas

Nur in dem anderen Fall finde ich dir auch nicht

Es war mir schon irgendwie klar, dass es da einen Unterschied geben könnte, aber wie hat denn FuchsFan eigentlich das Bildschirmfoto gemacht und eingefügt? Sind die Schaltflächen bei ihm vielleicht externe Elemente?

Zitat von milupo

das Bildschirmfoto gemacht und eingefügt?

Um diese Button unten geht es.

Zitat von 2002Andreas

Um diese Button unten geht es.

Ach so, ich habe den Screenshot schon gemacht.

Zitat von milupo

Ach so

Und eben diese Button finde ich/wir nicht über die Browser-Werkzeuge

Hm. Irgendwie kann man überhaupt nicht auf die Schaltflächenleiste zugreifen, nicht nur auf die Schaltflächen darauf. Man kann nur mit der Tabulator-Taste durchwandern.

Über "Werkzeuge für Web-Entwickler" lässt sich das auch nicht finden.

Über "Browser-Werkzeuge" allerdings schon. Einfach oben in der Suchleiste nach "Herunterladen" suchen, sollte dann zu finden sein.

Dass man dafür die Browser-Werkzeuge benötigt, dürfte klar sein. Die sieht man ja auch in den anderen Screenshots. Entscheidend ist, dass „Multiprozess“ als Modus ausgewählt ist.

Zitat von Sören Hentzschel

dass „Multiprozess“ als Modus ausgewählt ist.

und der config Eintrag geändert ergibt:

button#copy.screenshots-button {
  background: green !important;
}

Was genau macht dieser Eintrag?

Zitat von hel_XY

"screenshots.browser.component.preventContentEvents" auf "false".

Den Eintrag in about:config muss man nicht verändern, das angepasste Styling funktioniert sowohl auf true als auch auf false.

Es geht bei der Option darum, ob bestimmte JavaScript-Events den Website-Content erreichen. Das wird mit dieser Option auf true (Standard) verhindert. Ansonsten kann es passieren, dass wenn du mit der Screenshot-Funktion einen Bereich auswählst, der Klick auch von der Website konsumiert wird und eine entsprechende Aktion ausgeführt wird.

Zitat von Sören Hentzschel

Es geht bei der Option darum

Danke für die Erklärung

Zitat von Sören Hentzschel

Den Eintrag in about:config muss man nicht verändern

Muss ich dann mal ganz in Ruhe testen, ohne hat es hier eben nämlich nicht funktioniert

Ich hab's mit deinem CSS in der Datei userContent.css in Firefox Nightly getestet. Der Button war in beiden Fällen Grün.

Zitat von Sören Hentzschel

Den Eintrag in about:config muss man nicht verändern,

Hier schon

ohne Änderung:

mit Änderung: