├── .gitignore ├── README.md ├── action.js ├── icon.png └── manifest.json /.gitignore: -------------------------------------------------------------------------------- 1 | /store 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Fullwidth Image - makes images fullwidth in chrome 2 | 3 | Fullwidth Image plugin makes your image fit to screen. Basically it is developed for web designers who often view jpg version of their web templates in a browser. In most cases the images are wider than normal browser viewport or sometimes less wider. This plugin will help viewer to make opened image full width to current viewport. 4 | 5 | ## Download 6 | [Chrome web store](https://chrome.google.com/webstore/detail/fullwidth-image/binnhbjoemjhkfedljnobbghgfbfppam?utm_source=chrome-app-launcher-info-dialog) 7 | 8 | -------------------------------------------------------------------------------- /action.js: -------------------------------------------------------------------------------- 1 | chrome.browserAction.onClicked.addListener(function(tab) { 2 | // No tabs or host permissions needed! 3 | chrome.tabs.executeScript({ 4 | code: 'document.getElementsByTagName("img")[0].setAttribute("style", "width: 100%; height: auto")' 5 | }); 6 | }); -------------------------------------------------------------------------------- /icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getanwar/fullwidth-image/c4bcb8c176a55c72c7c2dfe9522d6cf33e6e2550/icon.png -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Fullwidth Image", 3 | "description": "Fullwidth Image plugin makes your image fit to screen.", 4 | "version": "1.0", 5 | "manifest_version": 2, 6 | "homepage_url": "https://github.com/getanwar/fullwidth-image", 7 | 8 | "permissions": [ 9 | "activeTab" 10 | ], 11 | 12 | "background": { 13 | "scripts": [ "action.js" ], 14 | "persistent": false 15 | }, 16 | 17 | "browser_action": { 18 | "default_title": "Fullwidth Image", 19 | "default_icon": "icon.png" 20 | } 21 | } --------------------------------------------------------------------------------