I'm using <link rel="icon" href="images/icon.svg" sizes="any" type="image/svg+xml"> and it works like a charme for the icon in the browser tab:
However, when I create a Chrome shortcut (... > more tools > create shortcut), the icon does not work anymore all of a sudden and it just takes the first letter of the website as a fallback:
How can I make this SVG icon work for chrome shortcuts as well?
If the site is being hosted locally, I wouldn't expect it to show up in the bookmark, If the site is being hosted elsewhere, though, my guess would be that changes are taking time to propagate, depending on the hosting provider or CDN.
Related
I have to show a web project through a touch screen using Chrome in fullscreen and in Kiosk Mode.
People will be able to navigate a website in all its pages also pointing to external links. Since I don't want people to use a keyboard, I'd like to add a sticky button that points back to the home of the project and that is present in ALL the webpages that people open.
Can I do it with a Chrome Extension?
Do you know any existing solution that could solve my problem?
Many thanks! <3
I've built a few Outlook Add-ins now, but I have one user that is having a problem with Fabric Icons (I've also tried Google Material Icons with no luck). For that user, everything works great on OWA using IE11. But in the Outlook Desktop Client the icons are not loading. I thought the Outlook Add-in used the IE browser, so if it works in IE, it should work in the Outlook Desktop.
I know probably I should be using vorlorn.js but I haven't set it up yet (I was pulling my hair out earlier getting it to work in my local sandbox, due to Add-ins requiring HTTPS, and Vorlon not easily supporting HTTPS)
I haven't tried this yet, but if it's working in IE11 it should work on the Desktop right?
Icon fonts not loading in IE11
Self hosting (Google Material Icons) caused the same issue for me, but using the CDN gets the icons to work.
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Not ideal for my use case, but it works.
I am using a chrome extension to temporarily change layout of a Google search webpage. I am changing heading and description of the Advertisements displayed. This part works fine.
Next, I need to take screenshot of desktop, tablet and mobile views. getting desktop view is pretty straight. However, for tab/mobile view if I uses any of mobile emulator, or dev console, they refresh the html page before providing the mobile/tab emulation. This results in loosing the html page changes that were done by the chrome extension.
Is there are way to use mobile emulation without reloading/refreshing the page, so that the changes done in html are intact even in tables/mobile views.
I got the answer !
In Dev console, we have the option device toggle(Ctrl+Shift+M)
This way, temporary DOM changes done in desktop view were intact in mobile view as well.
I've created a very simple ASP.NET 4.5 MVC4 web site which uses OpenLayers 2.12. It's got only one page that shows a map with a few points and lines on it. If I run it locally, it runs fine, but after publishing to my Azure Web Site, the OpenLayers' CSS files won't load. I have now added the OpenLayers CSS hard coded in my bundleConfig, and now it works fine. But of course, this is not what I want, because OpenLayers has specific CSS files for other platforms and browser versions etc.
Locally, I just have to include openlayers.js and OpenLayers then adds the right css files. Does anybody know why this doesn't work after publishing to Azure?
From the docs in openlayers.js:
Please remember that when your OpenLayers script is not named
"OpenLayers.js" you will have to make sure that the default theme is
loaded into the page by including an appropriate <link>-tag,
e.g.:
(code)
<link rel="stylesheet" href="/path/to/default/style.css" type="text/css">
(end code)
Because Azure changes the file names that are included, I indeed should be adding the reference to the default style myself. Also, I can just link to style.css, the other css files for e.g. IE6 or Mobile won't be uses automatically, these are just there for yourself to use it when appropriate.
I just saw jsFiddle today and am wondering that is there a FireFox addon that provides jsFiddle like features. Especially when you enter the html and css, jsFiddle shows you a layout of the page. Is there any addon that shows such layout for "offline viewing"? I use Firebug but there isn't such layout. Does somebody know about it?
Not a firefox add-on, only in the interest of self-promotion:
I have created a Vim script with similar (but at the moment very limited) functionality: vimfiddler. Vim integrates with selenium to drive a browser. Provides a jsfiddlerish experience running locally on your own computer.
In Google Chrome you can edit every element of the page. Just open a new tab, hit F-12 and edit to your heart's desire. Add some css or javascript to the head tags, put whatever HTML you want in the body, and you're good to go.
This add-on sounds like what you need : https://addons.mozilla.org/en-us/firefox/addon/devtools-prototyper/?src=ss
Just install it, open the devtools, then switch to the "Prototyper" tab.