optional parser
This commit is contained in:
Ray Lothian
parent
dd9c11948c
commit
df861e16ca
8 changed files with 653 additions and 108 deletions
|
|
@ -16,7 +16,8 @@ const prefs = {
|
|||
color: '#777',
|
||||
cache: true,
|
||||
exactMatch: false,
|
||||
protected: ['google.com/recaptcha', 'gstatic.com/recaptcha']
|
||||
protected: ['google.com/recaptcha', 'gstatic.com/recaptcha'],
|
||||
parser: {} // maps ua string to a ua object
|
||||
};
|
||||
chrome.storage.local.get(prefs, ps => {
|
||||
Object.assign(prefs, ps);
|
||||
|
|
@ -71,16 +72,53 @@ const ua = {
|
|||
return Object.keys(this._obj).filter(id => id !== 'global').map(s => Number(s));
|
||||
},
|
||||
parse: s => {
|
||||
if (prefs.parser[s]) {
|
||||
return Object.assign({
|
||||
userAgent: s
|
||||
}, prefs.parser[s]);
|
||||
}
|
||||
// build ua string from browser defaults;
|
||||
s = s.replace(/\${([^}]+)}/g, (a, b) => navigator[b]);
|
||||
const o = {};
|
||||
o.userAgent = s;
|
||||
o.appVersion = s
|
||||
.replace(/^Mozilla\//, '')
|
||||
.replace(/^Opera\//, '');
|
||||
|
||||
const isFF = /Firefox/.test(s);
|
||||
const isCH = /Chrome/.test(s);
|
||||
const isSF = /Safari/.test(s) && isCH === false;
|
||||
|
||||
if (isFF) {
|
||||
o.appVersion = '5.0 ' + o.appVersion.replace('5.0 ', '').split(/[\s;]/)[0] + ')';
|
||||
}
|
||||
const p = (new UAParser(s)).getResult();
|
||||
o.platform = p.os.name || '';
|
||||
o.vendor = p.device.vendor || '';
|
||||
if (isSF) {
|
||||
o.vendor = 'Apple Computer, Inc.';
|
||||
}
|
||||
else if (isFF === false) {
|
||||
o.vendor = 'Google Inc.';
|
||||
}
|
||||
o.product = p.engine.name || '';
|
||||
o.oscpu = ((p.os.name || '') + ' ' + (p.os.version || '')).trim();
|
||||
if (s.indexOf('Gecko') !== -1) {
|
||||
o.product = 'Gecko';
|
||||
}
|
||||
if (isFF) {
|
||||
o.oscpu = ((p.os.name || '') + ' ' + (p.os.version || '')).trim();
|
||||
}
|
||||
else {
|
||||
o.oscpu = '[delete]';
|
||||
}
|
||||
|
||||
if (o.userAgent === 'empty') {
|
||||
Object.keys(o).forEach(key => {
|
||||
if (key !== 'userAgent') {
|
||||
o[key] = '';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return o;
|
||||
},
|
||||
|
|
@ -116,7 +154,7 @@ const ua = {
|
|||
}
|
||||
});
|
||||
},
|
||||
toolbar: ({windowId, tabId, str = ua.object(tabId, windowId).userAgent}) => {
|
||||
toolbar: ({windowId, tabId}) => {
|
||||
if (windowId) {
|
||||
chrome.tabs.query({
|
||||
windowId
|
||||
|
|
@ -288,29 +326,24 @@ const onCommitted = ({frameId, url, tabId}) => {
|
|||
}
|
||||
const o = cache[tabId] || ua.object(tabId);
|
||||
if (o.userAgent) {
|
||||
let {userAgent, appVersion, platform, vendor, product, oscpu} = o;
|
||||
if (o.userAgent === 'empty') {
|
||||
userAgent = appVersion = platform = vendor = product = '';
|
||||
}
|
||||
chrome.tabs.executeScript(tabId, {
|
||||
runAt: 'document_start',
|
||||
frameId,
|
||||
code: `{
|
||||
const script = document.createElement('script');
|
||||
script.textContent = \`{
|
||||
const userAgent = "${encodeURIComponent(userAgent)}";
|
||||
const appVersion = "${encodeURIComponent(appVersion)}";
|
||||
const platform = "${encodeURIComponent(platform)}";
|
||||
const vendor = "${encodeURIComponent(vendor)}";
|
||||
const product = "${encodeURIComponent(product)}";
|
||||
const oscpu = "${encodeURIComponent(oscpu)}";
|
||||
navigator.__defineGetter__('userAgent', () => decodeURIComponent(userAgent));
|
||||
navigator.__defineGetter__('appVersion', () => decodeURIComponent(appVersion));
|
||||
navigator.__defineGetter__('platform', () => decodeURIComponent(platform));
|
||||
navigator.__defineGetter__('vendor', () => decodeURIComponent(vendor));
|
||||
navigator.__defineGetter__('product', () => decodeURIComponent(product));
|
||||
navigator.__defineGetter__('oscpu', () => decodeURIComponent(oscpu));
|
||||
navigator.__defineGetter__('productSub', () => '');
|
||||
const o = JSON.parse('${JSON.stringify(o)}');
|
||||
for (const key of Object.keys(o)) {
|
||||
navigator.__defineGetter__(key, () => {
|
||||
if (o[key] === '[delete]') {
|
||||
return undefined;
|
||||
}
|
||||
else if (o[key] === 'empty') {
|
||||
return '';
|
||||
}
|
||||
return o[key];
|
||||
});
|
||||
}
|
||||
}\`;
|
||||
document.documentElement.appendChild(script);
|
||||
script.remove();
|
||||
|
|
@ -323,7 +356,7 @@ const onCommitted = ({frameId, url, tabId}) => {
|
|||
}
|
||||
}
|
||||
else if (frameId === 0) {
|
||||
ua.tooltip('[Custom] ' + userAgent);
|
||||
ua.tooltip('[Custom] ' + o.userAgent);
|
||||
ua.icon('active', tabId);
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
.h {
|
||||
text-decoration: underline;
|
||||
text-decoration-style: dashed;
|
||||
font-weight: bold;
|
||||
}
|
||||
.spacer {
|
||||
padding-bottom: 10px;
|
||||
|
|
@ -45,6 +46,14 @@
|
|||
<tr>
|
||||
<td class="spacer"><textarea id="custom" rows="5" wrap="off"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label><span class="h">Custom user-agent string parsing</span>: A JSON object to bypass the internal user-agent string parsing method. The keys are the actual user-agent strings and the value of each key is an object of the keys that need to be set for the "navigator" object. You can use the "[delete]" keyword if you want a key in the "navigator" object to get deleted.</label> Press <a href="#" id="sample-2">here</a> to insert a sample JSON object.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="spacer"><textarea id="parser" rows="5" wrap="off"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="spacer"><label><input type="checkbox" id="cache"> Use caching to improve performance (recommended value is true). Uncheck this option only if you are using the custom mode and also you need the user-agent string to be altered from the provided list on every single request.</label></td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -28,6 +28,18 @@ function save() {
|
|||
}, 1000);
|
||||
}
|
||||
|
||||
let parser = {};
|
||||
const p = document.getElementById('parser').value;
|
||||
try {
|
||||
parser = JSON.parse(p);
|
||||
}
|
||||
catch (e) {
|
||||
window.setTimeout(() => {
|
||||
notify('Parser JSON error: ' + e.message, 5000);
|
||||
document.getElementById('parser').value = c;
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
chrome.storage.local.set({
|
||||
exactMatch: document.getElementById('exactMatch').checked,
|
||||
faqs: document.getElementById('faqs').checked,
|
||||
|
|
@ -35,6 +47,7 @@ function save() {
|
|||
blacklist: prepare(document.getElementById('blacklist').value),
|
||||
whitelist: prepare(document.getElementById('whitelist').value),
|
||||
custom,
|
||||
parser,
|
||||
mode: document.querySelector('[name="mode"]:checked').value,
|
||||
protected: document.getElementById('protected').value.split(/\s*,\s*/).filter(s => s.length > 4)
|
||||
}, () => {
|
||||
|
|
@ -55,6 +68,7 @@ function restore() {
|
|||
whitelist: [],
|
||||
blacklist: [],
|
||||
custom: {},
|
||||
parser: {},
|
||||
protected: ['google.com/recaptcha', 'gstatic.com/recaptcha']
|
||||
}, prefs => {
|
||||
document.getElementById('exactMatch').checked = prefs.exactMatch;
|
||||
|
|
@ -64,6 +78,7 @@ function restore() {
|
|||
document.getElementById('blacklist').value = prefs.blacklist.join(', ');
|
||||
document.getElementById('whitelist').value = prefs.whitelist.join(', ');
|
||||
document.getElementById('custom').value = JSON.stringify(prefs.custom, null, 2);
|
||||
document.getElementById('parser').value = JSON.stringify(prefs.parser, null, 2);
|
||||
document.getElementById('protected').value = prefs.protected.join(', ');
|
||||
});
|
||||
}
|
||||
|
|
@ -81,6 +96,21 @@ document.getElementById('sample').addEventListener('click', e => {
|
|||
}, null, 2);
|
||||
});
|
||||
|
||||
document.getElementById('sample-2').addEventListener('click', e => {
|
||||
e.preventDefault();
|
||||
|
||||
document.getElementById('parser').value = JSON.stringify({
|
||||
'my-custom-useragent': {
|
||||
'appVersion': 'custom app version',
|
||||
'platform': 'custom platform',
|
||||
'vendor': '[delete]',
|
||||
'product': 'custom product',
|
||||
'oscpu': 'custom oscpu',
|
||||
'custom-variable': 'this is a custom variable'
|
||||
}
|
||||
}, null, 2);
|
||||
});
|
||||
|
||||
document.getElementById('donate').addEventListener('click', () => {
|
||||
chrome.tabs.create({
|
||||
url: chrome.runtime.getManifest().homepage_url + '?rd=donate'
|
||||
|
|
|
|||
|
|
@ -24,9 +24,10 @@
|
|||
|
||||
body {
|
||||
background-color: #fff;
|
||||
font-family: "Helvetica Neue",Helvetica,sans-serif;
|
||||
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
width: 600px;
|
||||
width: 650px;
|
||||
margin: 0;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
|
|
@ -37,15 +38,21 @@ fieldset {
|
|||
}
|
||||
input[type=search],
|
||||
input[type=text] {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-right: 2px;
|
||||
text-indent: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
input[type=text] {
|
||||
width: 100%;
|
||||
}
|
||||
input[type=text]:read-only {
|
||||
background-color: transparent;
|
||||
}
|
||||
input {
|
||||
outline: none;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
color: #000;
|
||||
border: solid 1px #e7e7e7;
|
||||
box-sizing: border-box;
|
||||
height: 24px;
|
||||
|
|
@ -54,8 +61,9 @@ input {
|
|||
}
|
||||
input[type=button] {
|
||||
cursor: pointer;
|
||||
min-width: 100px;
|
||||
border: none;
|
||||
transition-delay: 0;
|
||||
height: 32px;
|
||||
}
|
||||
input[type=button].active {
|
||||
opacity: 0.5;
|
||||
|
|
@ -68,25 +76,25 @@ input[type=button]:disabled {
|
|||
select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
border: none;
|
||||
user-select: none;
|
||||
outline: none;
|
||||
color: #000;
|
||||
background: rgba(255,255,255,.5) url(list.svg) no-repeat center right 4px;
|
||||
background: #fff url(list.svg) no-repeat center right 4px;
|
||||
background-size: 8px;
|
||||
font-size: 13px;
|
||||
border-radius: 0;
|
||||
padding: 2px 16px 2px 4px;
|
||||
border: solid 1px #e7e7e7;
|
||||
}
|
||||
#list {
|
||||
overflow: auto;
|
||||
scroll-behavior: smooth;
|
||||
height: 300px;
|
||||
margin-bottom: 10px;
|
||||
height: 200px;
|
||||
margin-bottom: 16px;
|
||||
color: #000;
|
||||
background-color: #fdfafa;
|
||||
background-position: top 120px center;
|
||||
background-position: top 88px center;
|
||||
background-repeat: no-repeat;
|
||||
font-size: 11px;
|
||||
}
|
||||
#list[data-loading=true] {
|
||||
background-image: url(loading.gif);
|
||||
|
|
@ -96,9 +104,9 @@ select {
|
|||
table-layout: fixed;
|
||||
}
|
||||
#list th {
|
||||
height: 30px;
|
||||
height: 32px;
|
||||
color: #000;
|
||||
background-color: #e7e7e7;
|
||||
background-color: #f5f5f5;
|
||||
white-space: nowrap;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
|
@ -141,8 +149,15 @@ select {
|
|||
margin: 3px 0 0 5px;
|
||||
}
|
||||
|
||||
#filter td:first-child {
|
||||
width: 100px;
|
||||
#filter {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
#filter th {
|
||||
height: 32px;
|
||||
}
|
||||
#filter th:first-of-type {
|
||||
text-align: left;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#filter th:last-of-type {
|
||||
text-align: right;
|
||||
|
|
@ -150,9 +165,11 @@ select {
|
|||
}
|
||||
|
||||
#agent {
|
||||
padding: 10px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#agent input:not(:last-child) {
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
#info {
|
||||
padding: 0 5px;
|
||||
|
|
@ -161,25 +178,19 @@ select {
|
|||
display: none;
|
||||
}
|
||||
|
||||
[data-cmd] {
|
||||
margin-right: 2px;
|
||||
}
|
||||
[data-cmd="test"] {
|
||||
background-color: #4d72b7;
|
||||
border: solid 1px #4a6dad;
|
||||
color: #fff;
|
||||
}
|
||||
[data-cmd="window"],
|
||||
[data-cmd="apply"] {
|
||||
color: #fff;
|
||||
background-color: #3c923c;
|
||||
border: solid 1px #327932;
|
||||
}
|
||||
|
||||
[data-cmd="reset"] {
|
||||
color: #fff;
|
||||
background-color: #eea345;
|
||||
border: solid 1px #ec9730;
|
||||
background-color: #e6850b;
|
||||
}
|
||||
|
||||
[data-cmd="reload"],
|
||||
|
|
@ -197,3 +208,27 @@ body[data-android="true"] [data-cmd="reload"],
|
|||
body[data-android="true"] [data-cmd="window"] {
|
||||
display: none;
|
||||
}
|
||||
#view {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
#view td {
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#view td:nth-child(1),
|
||||
#view td:nth-child(3) {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
#toast {
|
||||
position: fixed;
|
||||
bottom: 50px;
|
||||
right: 10px;
|
||||
background-color: #e68509;
|
||||
color: #fff;
|
||||
padding: 2px 5px;
|
||||
box-shadow: 0 0 2px #ca7403;
|
||||
}
|
||||
#toast:empty {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,6 +6,47 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
<div id="toast"></div>
|
||||
<table>
|
||||
<thead id="filter">
|
||||
<tr>
|
||||
<th>
|
||||
<select id="browser">
|
||||
<optgroup label="Populars">
|
||||
<option value="IE">Internet Explorer</option>
|
||||
<option value="Safari">Safari</option>
|
||||
<option value="Chrome">Chrome</option>
|
||||
<option value="Firefox">Firefox</option>
|
||||
<option value="Opera">Opera</option>
|
||||
<option value="Edge">Edge</option>
|
||||
<option value="Vivaldi">Vivaldi</option>
|
||||
</optgroup>
|
||||
<optgroup label="Others"></optgroup>
|
||||
</select>
|
||||
<select id="os">
|
||||
<optgroup label="Populars">
|
||||
<option value="Windows">Windows</option>
|
||||
<option value="Mac OS">Mac OS</option>
|
||||
<option value="Linux">Linux</option>
|
||||
<option value="Chromium OS">Chromium OS</option>
|
||||
<option value="Ubuntu">Ubuntu</option>
|
||||
<option value="Debian">Debian</option>
|
||||
<option value="Android">Android</option>
|
||||
<option value="iOS">iOS</option>
|
||||
</optgroup>
|
||||
<optgroup label="Others"></optgroup>
|
||||
</select>
|
||||
</th>
|
||||
<th>
|
||||
<input type="search" id="custom" placeholder="Filter items">
|
||||
<select id="sort">
|
||||
<option value="true">descending</option>
|
||||
<option value="false">ascending</option>
|
||||
</select>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<div id="list" data-loading=true>
|
||||
<table>
|
||||
<colgroup>
|
||||
|
|
@ -14,44 +55,6 @@
|
|||
<col width="100">
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead id="filter">
|
||||
<tr>
|
||||
<th colspan="3">
|
||||
<select id="browser">
|
||||
<optgroup label="Populars">
|
||||
<option value="IE">Internet Explorer</option>
|
||||
<option value="Safari">Safari</option>
|
||||
<option value="Chrome">Chrome</option>
|
||||
<option value="Firefox">Firefox</option>
|
||||
<option value="Opera">Opera</option>
|
||||
<option value="Edge">Edge</option>
|
||||
<option value="Vivaldi">Vivaldi</option>
|
||||
</optgroup>
|
||||
<optgroup label="Others"></optgroup>
|
||||
</select>
|
||||
<select id="os">
|
||||
<optgroup label="Populars">
|
||||
<option value="Windows">Windows</option>
|
||||
<option value="Mac OS">Mac OS</option>
|
||||
<option value="Linux">Linux</option>
|
||||
<option value="Chromium OS">Chromium OS</option>
|
||||
<option value="Ubuntu">Ubuntu</option>
|
||||
<option value="Debian">Debian</option>
|
||||
<option value="Android">Android</option>
|
||||
<option value="iOS">iOS</option>
|
||||
</optgroup>
|
||||
<optgroup label="Others"></optgroup>
|
||||
</select>
|
||||
</th>
|
||||
<th>
|
||||
User-Agent
|
||||
<select id="sort">
|
||||
<option value="true">descending</option>
|
||||
<option value="false">ascending</option>
|
||||
</select>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<template>
|
||||
<tr>
|
||||
<td><input type="radio" name="select"></td>
|
||||
|
|
@ -63,22 +66,70 @@
|
|||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div hbox>
|
||||
<input type="search" id="custom" placeholder="Filter items">
|
||||
<input type="button" value="Options" title="Open options page" style="margin-left: 2px;" data-cmd="options">
|
||||
<input type="button" value="Refresh Tab" title="Refresh the current page" data-cmd="refresh">
|
||||
<input type="button" value="Restart" title="Click to reload the extension. This will cause all the window-based user-agent strings to be cleared" data-cmd="reload">
|
||||
<div id="view">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="10">
|
||||
<col>
|
||||
<col width="10">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td>userAgent</td>
|
||||
<td colspan="3">
|
||||
<div hbox>
|
||||
<input id="ua" type="text" placeholder="Your preferred user-agent string" title="To set blank user-agent string, use 'empty' keyword">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>appVersion</td>
|
||||
<td colspan="3">
|
||||
<div hbox>
|
||||
<input readonly id="appVersion" type="text" title="This is a readonly field. Use options page for custom parsing.">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>platform</td>
|
||||
<td>
|
||||
<div hbox>
|
||||
<input readonly id="platform" type="text" title="This is a readonly field. Use options page for custom parsing.">
|
||||
</div>
|
||||
</td>
|
||||
<td>vendor</td>
|
||||
<td>
|
||||
<div hbox>
|
||||
<input readonly id="vendor" type="text" title="This is a readonly field. Use options page for custom parsing.">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>product</td>
|
||||
<td>
|
||||
<div hbox>
|
||||
<input readonly id="product" type="text" title="This is a readonly field. Use options page for custom parsing.">
|
||||
</div>
|
||||
</td>
|
||||
<td>oscpu</td>
|
||||
<td>
|
||||
<div hbox>
|
||||
<input readonly id="oscpu" type="text" title="This is a readonly field. Use options page for custom parsing.">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div hbox id="agent" pack="center" align="center">
|
||||
<span id="info">User-Agent String:</span>
|
||||
<span flex="1"></span>
|
||||
<input type="button" value="Apply" title="Set this string as the browser's User-Agent string" data-cmd="apply">
|
||||
<input type="button" value="Window" title="Set this string as this window's User-Agent string" data-cmd="window">
|
||||
<input type="button" value="Reset" title="Reset User-Agent string to the default one. This will not reset window-based UA strings. To reset them, use the 'Restart' button" data-cmd="reset">
|
||||
<input type="button" value="Test" title="Test your user-agent string" data-cmd="test">
|
||||
</div>
|
||||
<input id="ua" type="text" placeholder="Your preferred user-agent string" title="To set blank user-agent string, use 'empty' keyword">
|
||||
<div id="explore" data-cols=4></div>
|
||||
<div hbox id="agent" align="center">
|
||||
<input flex="1" type="button" value="Options" title="Open options page" style="margin-left: 2px;" data-cmd="options">
|
||||
<input flex="1" type="button" value="Restart" title="Click to reload the extension. This will cause all the window-based user-agent strings to be cleared" data-cmd="reload">
|
||||
<input flex="1" type="button" value="Refresh Tab" title="Refresh the current page" data-cmd="refresh">
|
||||
<input flex="1" type="button" value="Reset" title="Reset User-Agent string to the default one. This will not reset window-based UA strings. To reset them, use the 'Restart' button" data-cmd="reset">
|
||||
<input flex="1" type="button" value="Test" title="Test your user-agent string" data-cmd="test">
|
||||
<input flex="1" type="button" value="Window" title="Set this string as this window's User-Agent string" data-cmd="window">
|
||||
<input flex="1" type="button" value="Apply" title="Set this string as the browser's User-Agent string" data-cmd="apply">
|
||||
</div>
|
||||
<script src="index.js"></script>
|
||||
<script async src="matched.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@ function update(ua) {
|
|||
inline: 'nearest'
|
||||
});
|
||||
}
|
||||
document.getElementById('custom').placeholder = `Filter among ${list.length} "User-Agent" strings`;
|
||||
document.getElementById('custom').placeholder = `Filter among ${list.length}`;
|
||||
[...document.getElementById('os').querySelectorAll('option')].forEach(option => {
|
||||
option.disabled = map.matching[browser.toLowerCase()].indexOf(option.value.toLowerCase()) === -1;
|
||||
});
|
||||
|
|
@ -85,6 +85,7 @@ function update(ua) {
|
|||
}
|
||||
|
||||
document.addEventListener('change', ({target}) => {
|
||||
console.log(target);
|
||||
if (target.closest('#filter')) {
|
||||
localStorage.setItem(target.id, target.value);
|
||||
chrome.storage.local.get({
|
||||
|
|
@ -125,15 +126,16 @@ document.addEventListener('DOMContentLoaded', () => fetch('./map.json').then(r =
|
|||
const ua = prefs.ua || navigator.userAgent;
|
||||
update(ua);
|
||||
document.getElementById('ua').value = ua;
|
||||
document.getElementById('ua').dispatchEvent(new Event('input'));
|
||||
});
|
||||
}));
|
||||
|
||||
document.getElementById('list').addEventListener('click', ({target}) => {
|
||||
const tr = target.closest('tr');
|
||||
const tr = target.closest('tbody tr');
|
||||
if (tr) {
|
||||
const input = tr.querySelector('input');
|
||||
if (input && input !== target) {
|
||||
input.checked = !input.checked;
|
||||
input.checked = true;
|
||||
input.dispatchEvent(new Event('change', {
|
||||
bubbles: true
|
||||
}));
|
||||
|
|
@ -143,7 +145,7 @@ document.getElementById('list').addEventListener('click', ({target}) => {
|
|||
|
||||
document.getElementById('custom').addEventListener('keyup', ({target}) => {
|
||||
const value = target.value;
|
||||
[...document.querySelectorAll('#list tr')]
|
||||
[...document.querySelectorAll('#list tbody tr')]
|
||||
.forEach(tr => tr.dataset.matched = tr.textContent.toLowerCase().indexOf(value.toLowerCase()) !== -1);
|
||||
});
|
||||
|
||||
|
|
@ -155,9 +157,9 @@ chrome.storage.onChanged.addListener(prefs => {
|
|||
});
|
||||
|
||||
function msg(msg) {
|
||||
const info = document.getElementById('info');
|
||||
info.textContent = msg;
|
||||
window.setTimeout(() => info.textContent = 'User-Agent String:', 2000);
|
||||
const toast = document.getElementById('toast');
|
||||
toast.textContent = msg;
|
||||
window.setTimeout(() => toast.textContent = '', 2000);
|
||||
}
|
||||
|
||||
// commands
|
||||
|
|
@ -170,7 +172,7 @@ document.addEventListener('click', ({target}) => {
|
|||
msg('Default UA, press the reset button instead');
|
||||
}
|
||||
else {
|
||||
msg('user-agent is set');
|
||||
msg('User-Agent is Set');
|
||||
}
|
||||
chrome.storage.local.set({
|
||||
ua: value === navigator.userAgent ? '' : value
|
||||
|
|
@ -191,7 +193,7 @@ document.addEventListener('click', ({target}) => {
|
|||
chrome.storage.local.set({
|
||||
ua: ''
|
||||
});
|
||||
msg('reset to default');
|
||||
msg('Reset to Default');
|
||||
}
|
||||
else if (cmd === 'refresh') {
|
||||
chrome.tabs.query({
|
||||
|
|
@ -223,6 +225,18 @@ document.addEventListener('click', ({target}) => {
|
|||
});
|
||||
|
||||
document.getElementById('ua').addEventListener('input', e => {
|
||||
document.querySelector('[data-cmd=apply]').disabled = e.target.value === '';
|
||||
document.querySelector('[data-cmd=window]').disabled = e.target.value === '';
|
||||
const value = e.target.value;
|
||||
document.querySelector('[data-cmd=apply]').disabled = value === '';
|
||||
document.querySelector('[data-cmd=window]').disabled = value === '';
|
||||
|
||||
if (value) {
|
||||
chrome.runtime.getBackgroundPage(bg => {
|
||||
const o = bg.ua.parse(value);
|
||||
document.getElementById('appVersion').value = o.appVersion;
|
||||
document.getElementById('platform').value = o.platform;
|
||||
document.getElementById('vendor').value = o.vendor;
|
||||
document.getElementById('product').value = o.product;
|
||||
document.getElementById('oscpu').value = o.oscpu;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
"short_name": "useragent-switcher",
|
||||
"version": "0.3.2",
|
||||
|
||||
"description": "Spoofs User-Agent strings of your browser with a new one globally, randomly or per hostname",
|
||||
"description": "A highly customizable extension to spoof the User-Agent string of your browser with a new one globally, randomly or per hostname",
|
||||
|
||||
"permissions": [
|
||||
"tabs",
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue