├── README.md
├── background.js
├── icon_128.png
├── icon_19.png
├── icon_38.png
├── manifest.json
├── options.html
├── options.js
├── warning.html
└── warning.js


/README.md:
--------------------------------------------------------------------------------
 1 | # Developer Profile Chrome Extension
 2 | https://chrome.google.com/webstore/detail/developer-profile/pkpngjjbafobelnengjofedebcoofmff
 3 | 
 4 | <a href="https://chrome.google.com/webstore/detail/developer-profile/pkpngjjbafobelnengjofedebcoofmff">
 5 | ![image](https://cloud.githubusercontent.com/assets/39191/6405074/e26f79b2-bdd3-11e4-95f4-d1c9920e4a22.png)
 6 | </a>
 7 | 
 8 | This is a Google Chrome extension that deletes browser data when all windows in
 9 | a profile are closed.  It is best used in a profile that was specifically
10 | created for web development.
11 | 
12 | It was created in response to [crbug.com/376788](http://crbug.com/376788): *devtools settings are ignored/reset in Incognito mode*
13 | 
14 | 
15 | ## License
16 | 
17 | You may use this extension as long as you agree to not get mad at anyone
18 | besides yourself, and maybe your parents, when this extension does what is
19 | described.
20 | 
21 | You may reuse the code in any way you see fit. It's not like I invented `if`
22 | statements.
23 | 


--------------------------------------------------------------------------------
/background.js:
--------------------------------------------------------------------------------
  1 | var acknowledged = function()
  2 | {
  3 |     if (!localStorage['warningAcknowledged'])
  4 |     {
  5 |         chrome.tabs.create({
  6 |             'url': 'warning.html'
  7 |         });
  8 | 
  9 |         return false;
 10 |     }
 11 | 
 12 |     return true;
 13 | };
 14 | 
 15 | var clearData = function(callback)
 16 | {
 17 |     var dataTypes;
 18 | 
 19 |     try
 20 |     {
 21 |         dataTypes = JSON.parse(localStorage['dataTypes']);
 22 |     }
 23 |     catch(e)
 24 |     {
 25 |         dataTypes = {
 26 |             'appcache': true,
 27 |             'cache': true,
 28 |             'cookies': true,
 29 |             'downloads': true,
 30 |             'fileSystems': true,
 31 |             'formData': false,
 32 |             'history': false,
 33 |             'indexedDB': true,
 34 |             'localStorage': true,
 35 |             'pluginData': true,
 36 |             'passwords': false,
 37 |             'webSQL': true
 38 |         };
 39 |         localStorage['dataTypes'] = JSON.stringify(dataTypes);
 40 |     }
 41 | 
 42 |     chrome.browsingData.remove({
 43 |         'since': 0
 44 |     }, dataTypes, function()
 45 |     {
 46 |         console.log('Cleared browser data.', dataTypes);
 47 |         callback && callback();
 48 |     });
 49 | };
 50 | 
 51 | 
 52 | var clearTimer;
 53 | 
 54 | chrome.tabs.onRemoved.addListener(function(tab, removeInfo)
 55 | {
 56 |     if (!localStorage['warningAcknowledged'])
 57 |     {
 58 |         console.warn('User has not acknowledged the warning.');
 59 |         return;
 60 |     }
 61 | 
 62 |     // If an entire window is closed, this event will fire again before the data is cleared
 63 |     localStorage['clearOnStartup'] = 'yes';
 64 |     clearInterval(clearTimer);
 65 |     clearTimer = setTimeout(function()
 66 |     {
 67 |         chrome.windows.getAll({'populate': true}, function(windows)
 68 |         {
 69 |             var tabCount = 0;
 70 | 
 71 |             windows.forEach(function(w)
 72 |             {
 73 |                 tabCount += w.tabs.length;
 74 |             });
 75 | 
 76 |             if (!tabCount)
 77 |             {
 78 |                 console.log('No tabs left.  Clearing browser data...');
 79 |                 clearData(function()
 80 |                 {
 81 |                     localStorage['clearOnStartup'] = null;
 82 |                 });
 83 |             }
 84 |         });
 85 |     }, 500);
 86 | });
 87 | 
 88 | 
 89 | var badgeTimer;
 90 | 
 91 | chrome.browserAction.onClicked.addListener(function(tab)
 92 | {
 93 |     if (acknowledged())
 94 |     {
 95 |         clearInterval(badgeTimer);
 96 |         chrome.browserAction.setBadgeText({'text': ' '});
 97 |         chrome.browserAction.setBadgeBackgroundColor({'color': '#f39c12'});
 98 |         clearData(function()
 99 |         {
100 |             chrome.browserAction.setBadgeBackgroundColor({'color': '#2ecc71'});
101 |             badgeTimer = setTimeout(function()
102 |             {
103 |                 chrome.browserAction.setBadgeText({'text': ''});
104 |             }, 500);
105 |         });
106 |     }
107 | });
108 | 
109 | 
110 | chrome.runtime.onStartup.addListener(function()
111 | {
112 |     if (localStorage['warningAcknowledged'] && localStorage['clearOnStartup'] === 'yes')
113 |     {
114 |         console.warn('Data was not cleared in a previous session');
115 |         clearData(function()
116 |         {
117 |             localStorage['clearOnStartup'] = null;
118 |         });
119 |     }
120 | });
121 | 
122 | 
123 | chrome.runtime.onInstalled.addListener(function()
124 | {
125 |     acknowledged();
126 | });
127 | 


--------------------------------------------------------------------------------
/icon_128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tweekmonster/Developer-Profile/25f3a936efe28352e58653af7e9bfe362ec750db/icon_128.png


--------------------------------------------------------------------------------
/icon_19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tweekmonster/Developer-Profile/25f3a936efe28352e58653af7e9bfe362ec750db/icon_19.png


--------------------------------------------------------------------------------
/icon_38.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tweekmonster/Developer-Profile/25f3a936efe28352e58653af7e9bfe362ec750db/icon_38.png


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "manifest_version": 2,
 3 |     "name": "Developer Profile",
 4 |     "description": "This extension deletes browser data when all windows in a profile are closed.",
 5 |     "version": "0.2",
 6 |     "icons": {
 7 |         "128": "icon_128.png",
 8 |         "38": "icon_38.png",
 9 |         "19": "icon_19.png"
10 |     },
11 |     "browser_action": {
12 |         "default_title": "Delete browsing data",
13 |         "default_icon": {
14 |             "19": "icon_19.png",
15 |             "38": "icon_38.png"
16 |         }
17 |     },
18 |     "options_page": "options.html",
19 |     "background": {
20 |         "scripts": ["background.js"],
21 |         "persistent": false
22 |     },
23 |     "permissions": ["browsingData"]
24 | }
25 | 


--------------------------------------------------------------------------------
/options.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |     <head>
  4 |         <meta charset="utf-8">
  5 |         <title>Developer Profile Options</title>
  6 |         <style type="text/css">
  7 |             body {
  8 |                 font-size: 16px;
  9 |                 padding: 15px;
 10 |                 max-width: 800px;
 11 |                 margin: 0 auto;
 12 |             }
 13 | 
 14 |             .small {
 15 |                 font-size: 0.8em;
 16 |             }
 17 | 
 18 |             .options label {
 19 |                 display: block;
 20 |                 padding: 5px;
 21 |                 cursor: pointer;
 22 |             }
 23 | 
 24 |             .options label:hover {
 25 |                 background-color: #f8f8f8;
 26 |             }
 27 | 
 28 |             .options label:hover .info span {
 29 |                 text-decoration: underline;
 30 |             }
 31 | 
 32 |             .options label > div {
 33 |                 display: inline-block;
 34 |                 vertical-align: top;
 35 |             }
 36 | 
 37 |             .info > span {
 38 |                 display: block;
 39 |             }
 40 | 
 41 |             .info > span:nth-child(1) {
 42 |                 font-size: 1.3em;
 43 |             }
 44 | 
 45 |             .info > span:nth-child(2) {
 46 |                 color: #777;
 47 |             }
 48 |         </style>
 49 |         <script type="text/javascript" src="options.js"></script>
 50 |     </head>
 51 |     <body>
 52 |         <section class="about">
 53 |             <h1>Developer Profile</h1>
 54 | 
 55 |             <p>This extension will delete the following browser data when all windows in the current profile are closed.</p>
 56 | 
 57 |             <p class="small">(Clicking the trash icon will clear browser data, too)</p>
 58 |         </section>
 59 |         <section class="options">
 60 |             <label>
 61 |                 <div class="check"><input id="appcache" type="checkbox" name="appcache" checked></div>
 62 |                 <div class="info">
 63 |                     <span>appcache</span>
 64 |                     <span>Websites' appcaches.</span>
 65 |                 </div>
 66 |             </label>
 67 |             <label>
 68 |                 <div class="check"><input id="cache" type="checkbox" name="cache" checked></div>
 69 |                 <div class="info">
 70 |                     <span>cache</span>
 71 |                     <span>The browser's cache.</span>
 72 |                 </div>
 73 |             </label>
 74 |             <label>
 75 |                 <div class="check"><input id="cookies" type="checkbox" name="cookies" checked></div>
 76 |                 <div class="info">
 77 |                     <span>cookies</span>
 78 |                     <span>The browser's cookies.</span>
 79 |                 </div>
 80 |             </label>
 81 |             <label>
 82 |                 <div class="check"><input id="downloads" type="checkbox" name="downloads" checked></div>
 83 |                 <div class="info">
 84 |                     <span>downloads</span>
 85 |                     <span>The browser's download list.</span>
 86 |                 </div>
 87 |             </label>
 88 |             <label>
 89 |                 <div class="check"><input id="fileSystems" type="checkbox" name="fileSystems" checked></div>
 90 |                 <div class="info">
 91 |                     <span>fileSystems</span>
 92 |                     <span>Websites' file systems.</span>
 93 |                 </div>
 94 |             </label>
 95 |             <label>
 96 |                 <div class="check"><input id="formData" type="checkbox" name="formData"></div>
 97 |                 <div class="info">
 98 |                     <span>formData</span>
 99 |                     <span>The browser's stored form data.</span>
100 |                 </div>
101 |             </label>
102 |             <label>
103 |                 <div class="check"><input id="history" type="checkbox" name="history"></div>
104 |                 <div class="info">
105 |                     <span>history</span>
106 |                     <span>The browser's history.</span>
107 |                 </div>
108 |             </label>
109 |             <label>
110 |                 <div class="check"><input id="indexedDB" type="checkbox" name="indexedDB" checked></div>
111 |                 <div class="info">
112 |                     <span>indexedDB</span>
113 |                     <span>Websites' IndexedDB data.</span>
114 |                 </div>
115 |             </label>
116 |             <label>
117 |                 <div class="check"><input id="localStorage" type="checkbox" name="localStorage" checked></div>
118 |                 <div class="info">
119 |                     <span>localStorage</span>
120 |                     <span>Websites' local storage data.</span>
121 |                 </div>
122 |             </label>
123 |             <label>
124 |                 <div class="check"><input id="passwords" type="checkbox" name="passwords"></div>
125 |                 <div class="info">
126 |                     <span>passwords</span>
127 |                     <span>Stored passwords.</span>
128 |                 </div>
129 |             </label>
130 |             <label>
131 |                 <div class="check"><input id="pluginData" type="checkbox" name="pluginData" checked></div>
132 |                 <div class="info">
133 |                     <span>pluginData</span>
134 |                     <span>Plugins' data.</span>
135 |                 </div>
136 |             </label>
137 |             <label>
138 |                 <div class="check"><input id="serviceWorkers" type="checkbox" name="serviceWorkers" checked></div>
139 |                 <div class="info">
140 |                     <span>serviceWorkers</span>
141 |                     <span>Service Workers.</span>
142 |                 </div>
143 |             </label>
144 |             <label>
145 |                 <div class="check"><input id="webSQL" type="checkbox" name="webSQL" checked></div>
146 |                 <div class="info">
147 |                     <span>webSQL</span>
148 |                     <span>Websites' WebSQL data.</span>
149 |                 </div>
150 |             </label>
151 |         </section>
152 |     </body>
153 | </html>
154 | 


--------------------------------------------------------------------------------
/options.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener('DOMContentLoaded', function()
 2 | {
 3 |     if (!localStorage['warningAcknowledged'])
 4 |     {
 5 |         window.location.href = 'warning.html';
 6 |         return;
 7 |     }
 8 | 
 9 |     var updateSettings = function()
10 |     {
11 |         var dataTypes = {};
12 |         var inputs = document.getElementsByTagName('input');
13 |         for (var i = 0; i < inputs.length; i++)
14 |         {
15 |             dataTypes[inputs[i].getAttribute('name')] = inputs[i].checked;
16 |         }
17 | 
18 |         localStorage['dataTypes'] = JSON.stringify(dataTypes);
19 |     };
20 | 
21 |     try
22 |     {
23 |         var dataTypes = JSON.parse(localStorage['dataTypes']);
24 |         var input;
25 |         for (var key in dataTypes)
26 |         {
27 |             document.getElementById(key).checked = dataTypes[key];
28 |         }
29 |     }
30 |     catch(e){};
31 | 
32 |     var inputs = document.getElementsByTagName('input');
33 |     for (var i = 0; i < inputs.length; i++)
34 |     {
35 |         inputs[i].addEventListener('change', updateSettings);
36 |     }
37 | });
38 | 


--------------------------------------------------------------------------------
/warning.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |     <head>
 4 |         <meta charset="utf-8">
 5 |         <title>/!\ Attention</title>
 6 | 
 7 |         <style type="text/css">
 8 |             body {
 9 |                 font-size: 22px;
10 |                 text-align: center;
11 |                 padding: 15px;
12 |                 max-width: 800px;
13 |                 margin: 0 auto;
14 |             }
15 | 
16 |             h1 {
17 |                 color: #c0392b;
18 |                 text-transform: uppercase;
19 |             }
20 | 
21 |             button {
22 |                 cursor: pointer;
23 |                 font-size: 24px;
24 |                 color: #fff;
25 | 
26 |                 max-width: 500px;
27 |                 margin-top: 50px;
28 |                 background-color: #e74c3c;
29 |                 box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3) inset;
30 |                 padding: 30px;
31 |                 border: none;
32 |                 border-radius: 12px;
33 |                 transition: background-color 0.25s ease-in-out;
34 |             }
35 | 
36 |             button:hover {
37 |                 background-color: #c0392b;
38 |             }
39 |         </style>
40 | 
41 |         <script type="text/javascript" src="warning.js"></script>
42 |     </head>
43 |     <body>
44 |         <h1>Attention</h1>
45 | 
46 |         <p>This extension will <strong>delete</strong> this profile's browser data when all windows are closed.
47 |         If this is your main profile, you should <strong>remove this extension now</strong> and reinstall it on a profile you would expect this behavior on.</p>
48 | 
49 |         <p>You must click the button below before this extension will work.</p>
50 | 
51 |         <button id="acknowledge">This is a profile I plan to use for development.<br><br>I am aware that this extension deletes browser data when all windows in this profile are closed.</button>
52 |     </body>
53 | </html>
54 | 


--------------------------------------------------------------------------------
/warning.js:
--------------------------------------------------------------------------------
1 | document.addEventListener('DOMContentLoaded', function()
2 | {
3 |     document.getElementById('acknowledge').addEventListener('click', function()
4 |     {
5 |         localStorage['warningAcknowledged'] = 'v0.2';
6 |         window.location.href = 'options.html';
7 |     });
8 | });
9 | 


--------------------------------------------------------------------------------