Google Chrome-Anwendungsfenster erstellen Verwenden Sie hochwertige Symbole in Windows 7

29

Immer wenn ich die Verknüpfung "Anwendung erstellen" von Google Chrome verwende (die ich häufig verwende und empfehle), sind die in der Windows 7-Taskleiste angezeigten Symbole sehr verschwommen. Dies liegt wahrscheinlich daran, dass das 16 x 16-Favicon gestreckt ist.

Ich möchte diese durch ein anderes Symbol hoher Qualität ersetzen können, aber selbst wenn ich die zwischengespeicherte Datei ersetze, wird sie aus irgendeinem Grund nicht aktualisiert.

Als Referenz finden Sie hier den Pfad zum Symbol, zumindest für Google Mail. Ich verwende auch die neueste Dev-Channel-Version von Chrome.

% USERPROFILE% \ AppData \ Local \ Google \ Chrome \ USERDA ~ 1 \ Default \ PLUGIN ~ 1 \ GOOGLE ~ 1 \ mail.google.com \ https_443 \ icons # desktop \

Alt-Text

Der How-To-Geek
quelle
1
Dies ist eigentlich ein offensichtlicher Vorschlag. Warum nicht mit der rechten Maustaste klicken und das Änderungssymbol in den Eigenschaften verwenden, um auf ein lokal gespeichertes Symbol hoher Qualität zu verweisen?
BinaryMisfit
Anscheinend wird das in Verwendung befindliche Symbol nicht aktualisiert. Was wirklich seltsam ist, ist, dass das Symbol gut aussieht, wenn ich die Anwendung zum ersten Mal erstelle, und wenn ich sie schließe und neu starte, sieht es wieder wie Mist aus.
The How-To Geek
Erwischt. Ich gehe davon aus, dass Sie die RTM-Version verwenden? Ich kann mir nur vorstellen, dass es jedes Mal, wenn die Seite geladen wird, überschrieben wird und deshalb funktioniert das Ersetzen nicht.
BinaryMisfit
Verwenden Sie die Dev- oder Beta-Channel-Versionen von Chrome? Ich scheine mich zu erinnern, dass dies bei mir passiert ist, als ich zu Dev gewechselt bin.
Pelms
Ich verwende die neueste Entwicklungsversion.
The How-To Geek

Antworten:

8

Das mag Sie vielleicht nicht befriedigen, aber es erklärt zumindest, woher es kommt.

In der Chrome / Gears-API heißt es:

desktop.createShortcut('Test Application',
                       'http://example.com/index.html',
                       {'128x128': 'http://example.com/icon128x128.png',
                          '48x48': 'http://example.com/icon48x48.png',
                          '32x32': 'http://example.com/icon32x32.png',
                          '16x16': 'http://example.com/icon16x16.png'},
                       'An application at http://example.com/index.html');

icons - Ein Objekt, das eine oder mehrere dieser benannten Eigenschaften enthält: 128x128, 48x48, 32x32, 16x16. Der Wert jeder Eigenschaft muss die URL eines PNG-formatierten Bildes sein, dessen Abmessungen mit dem Namen der Eigenschaft übereinstimmen. Eine Daten-URL mit base64-codierten PNG-Daten kann ebenfalls verwendet werden.

Ich vermute, es wird nur etwas auf der Website verwendet, auf die Sie verlinken. Wenn sie keine hochwertige Version haben, bekommen Sie die hässliche, die Sie erwähnen. Zum Ersetzen müssten Sie den Link innerhalb der Verknüpfung ändern.

Da dies bereits zu einem langwierigen Job wird, ist es wahrscheinlich besser, die folgenden Schritte auszuführen:

Schritt 1: Speichern Sie das Symbol auf Ihrem Computer - Ich glaube, Sie haben dies bereits erfolgreich durchgeführt :) - Geben Sie in die Adressleiste Ihres Browsers die Domain der Website ein, gefolgt von dem Text "favicon.ico" Symbol für die Yahoo-Website. Die einzugebende Adresse lautet " http://www.yahoo.com/favicon.ico ". Ebenso finden Sie das Google-Symbol unter ": //www.google.com/favicon.ico". - Sobald Sie die oben angegebene Adresse eingegeben haben, wird eine Seite geladen, die nur das Symbol für die Website enthält. - Klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie "Bild speichern unter". - Speichern Sie alle Symbole in einem zentralen Ordner, sagen Sie "Eigene Dateien \ Eigene Symbole".

Jetzt haben Sie eine dauerhafte Kopie des Symbols. Der nächste Schritt besteht darin, es mit der Verknüpfung zu verknüpfen.

Schritt 2: Verknüpfen Sie das Symbol mit der Verknüpfung. - Klicken Sie mit der rechten Maustaste auf die Website-Verknüpfung auf Ihrem Desktop. - Wählen Sie im angezeigten Popup-Menü "Eigenschaften". - Wechseln Sie im angezeigten Dialogfeld zur Registerkarte "Webdokument". - Klicken Sie dort auf die Schaltfläche "Symbol ändern ...". - Daraufhin wird das Dialogfeld "Symbol ändern" geöffnet, in dem Sie nach der gespeicherten Symboldatei suchen und diese auswählen können. - Klicken Sie dann einige Male auf OK und schließen Sie alle Dialoge.

Dies setzt wahrscheinlich voraus, dass Chrome Ihr Standardbrowser ist, mit dem Sie Webdokumente öffnen können!

Mit besonderem Dank an Theta-ga

Ivo Flipse
quelle
Ich habe bereits die Verknüpfung auf dem Symbol geändert, das ist das erste (offensichtliche), was ich versucht habe. Das Taskleistensymbol für die laufende App wird jedoch nicht geändert. Ich frage mich, ob ich die API verwenden kann, um meine eigene Verknüpfung zu erstellen ...
The How-To Geek
3

Es sieht aus wie eine aktuelle Dev-Channel-Sache. In der aktuellen Version und in der Beta-Version wird unter Windows 7 kein separates Taskleistensymbol angezeigt, sondern nur das Chrome-Standardsymbol. Sieht so aus, als wären sie mit dem Entwickler auf halbem Weg.

Pelme
quelle
1
Ja, ich bin jetzt sehr zufrieden mit den einzelnen Symbolen. Ich wünschte nur, sie sehen nicht so hässlich aus!
The How-To Geek
0

Dies ist möglicherweise die beste Wahl für Websites, die keine Symbole mit der richtigen Größe anbieten . Ich habe nicht vollständig bestätigt, dass dies funktioniert, da ich nicht auf dem Entwickler-Kanal bin.

Rufen Sie einen dataUri-Generator auf , und laden Sie das gewünschte 128px-PNG als Symbol hoch. Kopieren Sie den dataUri-Text zur Verwendung unten.

In Google Chrome auf der Seite möchten Sie drücken eine App Verknüpfung erstellen <CTRL>+ <SHIFT>+ J, klicken Sie auf das zweite Symbol von links ( Show Console) und in der folgenden einfügen. Stellen Sie sicher, dass Sie die folgenden Daten und Beschreibungen ersetzen . Enter führt es aus und Sie sollten das Verknüpfungsfenster der Zahnradanwendung sehen.

window.google.gears.factory.create('beta.desktop').createShortcut(
   document.title, window.location.href, {'128x128': '**dataUri**'}
   ,'**description**');

Die andere Möglichkeit besteht darin, den Webentwickler der Site aufzufordern, diese einfachen zusätzlichen Meta- und Link-Tags zu ihrer Site hinzuzufügen .

Auch wenn Sie wirklich Lust haben, können Sie mehrere dataUri mit jeder der in Ivos Antwort oben angegebenen Symbolgrößen erstellen.

Aaron Wagner
quelle
1
verdammt ... funktioniert immer noch nicht, ich denke, es muss ein Fehler in Chrome sein.
Aaron Wagner