{"id":13707394,"url":"https://github.com/andreasbm/upgrade-browser","last_synced_at":"2025-10-20T08:33:26.261Z","repository":{"id":57098415,"uuid":"129717031","full_name":"andreasbm/upgrade-browser","owner":"andreasbm","description":"A simple customizable HTML file to show users that should upgrade their browser.","archived":false,"fork":false,"pushed_at":"2018-04-17T16:36:44.000Z","size":376,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-30T23:16:05.906Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andreasbm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-16T09:17:53.000Z","updated_at":"2023-10-30T23:55:23.000Z","dependencies_parsed_at":"2022-08-20T16:51:05.962Z","dependency_job_id":null,"html_url":"https://github.com/andreasbm/upgrade-browser","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreasbm%2Fupgrade-browser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreasbm%2Fupgrade-browser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreasbm%2Fupgrade-browser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreasbm%2Fupgrade-browser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andreasbm","download_url":"https://codeload.github.com/andreasbm/upgrade-browser/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239748343,"owners_count":19690245,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T22:01:29.962Z","updated_at":"2025-10-20T08:33:26.170Z","avatar_url":"https://github.com/andreasbm.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"# Upgrade Browser\n\nThis repository contains a simple `upgrade-browser.html` you can show to your visitors if their browser is not supported. The buttons and download links for the following browsers will be shown: `chrome`, `edge`, `firefox`, `opera`, `safari`.\n\n![Example 1](https://github.com/andreasbm/upgrade-browser/blob/master/example-1.png)\n\n## 👍 How to use\n\nI recommend that you do some feature checking before showing the page. Here's an example of what you could do if you only wanted to supported browsers with support for `CSS grids` and `custom elements`.\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003ctitle\u003eUpgrade Browser (demo)\u003c/title\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003cp\u003eOnly show this if CSS grids and custom elements are supported.\u003c/p\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  (function () {\n    var supportsGrid = (\"grid-column\" in document.documentElement.style || \"msGridColumn\" in document.documentElement.style);\n    var supportsCustomElements = (\"customElements\" in window);\n    var supported = supportsCustomElements \u0026\u0026 supportsGrid;\n\n    // Show the upgrade-browser dialog if the browser is not supported\n    if (!supported) {\n      window.location = \"upgrade-browser.html?nofirefox\u0026noopera\";\n    }\n  })();\n\u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\nAs seen in the above code at `window.location = \"upgrade-browser.html?nofirefox\u0026noopera\";`, the URL of the `upgrade-browser.html` file may contain a query that specifies which browsers that should not be recommended to the users. You are able to specify the following fragments in the query.\n\n- \"nochrome\"\n- \"noedge\"\n- \"nofirefox\"\n- \"noopera\"\n- \"nosafari\"\n\nYou are also able to specify a `title`, a `subtitle` and a `backgroundColor` as a hex without the `#`.\n\n```javascript\n...\nwindow.location = \"upgrade-browser.html?title=No Support\u0026subtitle=Our app does not support your browser. Please install another\u0026backgroundColor=000000\";\n...\n```\n\nHere's how that would look.\n\n![Example 2](https://github.com/andreasbm/upgrade-browser/blob/master/example-2.png)\n\n## 🎉 License\n\nMIT license","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreasbm%2Fupgrade-browser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandreasbm%2Fupgrade-browser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreasbm%2Fupgrade-browser/lists"}