Javascript 通过html文件编辑traccar元素
我正在使用开源GPS跟踪系统，我想编辑一些html元素，但我不能，因为它是在exitjs中制作的，我没有本地文件可供编辑，但我看到一些开发人员使用traccar file release.html在该html文件中添加html元素，这怎么可能呢？我需要更改什么才能使用release.html编辑traccar的html元素 traccar release.html文件：Javascript 通过html文件编辑traccar元素,javascript,html,extjs,traccar,Javascript,Html,Extjs,Traccar,我正在使用开源GPS跟踪系统，我想编辑一些html元素，但我不能，因为它是在exitjs中制作的，我没有本地文件可供编辑，但我看到一些开发人员使用traccar file release.html在该html文件中添加html元素，这怎么可能呢？我需要更改什么才能使用release.html编辑traccar的html元素 traccar release.html文件： <html> <head> <meta charset="UTF-8"> <meta
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>GPS Lokator</title>
<link rel="stylesheet" href="app.css">
</head>
<body>
<div id="spinner"></div>
<div id="attribution">Powered by <a href="https://gpslokator/">GPS Lokator sistem za pracenje lokacije</a></div>
<script id="loadScript" src="load.js"></script>
</body>
</html>
洛卡托全球定位系统
技术支持
var debugMode, touchMode, locale, localeParameter, extjsVersion, proj4jsVersion, olVersion, i, language, languages, languageDefault;
function addStyleFile(file) {
var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('type', 'text/css');
link.setAttribute('href', file);
document.head.appendChild(link);
}
function addScriptFile(file) {
var script = document.createElement('script');
script.setAttribute('src', file);
script.async = false;
document.head.appendChild(script);
}
function addSvgFile(file, id) {
var svg = document.createElement('object');
svg.setAttribute('id', id);
svg.setAttribute('data', file);
svg.setAttribute('type', 'image/svg+xml');
svg.setAttribute('style', 'visibility:hidden;position:absolute;left:-100px;');
document.body.appendChild(svg);
}
debugMode = document.getElementById('loadScript').getAttribute('mode') === 'debug';
touchMode = 'ontouchstart' in window || navigator.maxTouchPoints;
window.updateNotificationToken = function (token) {
Traccar.app.updateNotificationToken(token);
};
locale = {};
window.Locale = locale;
locale.languages = {
'ar': { name: 'العربية', code: 'en' },
'az': { name: 'Azərbaycanca', code: 'en' },
'bg': { name: 'Български', code: 'bg' },
'bn': { name: 'বাংলা', code: 'en' },
'cs': { name: 'Čeština', code: 'cs' },
'de': { name: 'Deutsch', code: 'de' },
'da': { name: 'Dansk', code: 'da' },
'el': { name: 'Ελληνικά', code: 'el' },
'en': { name: 'English', code: 'en' },
'es': { name: 'Español', code: 'es' },
'fa': { name: 'فارسی', code: 'fa' },
'fi': { name: 'Suomi', code: 'fi' },
'fr': { name: 'Français', code: 'fr' },
'he': { name: 'עברית', code: 'he' },
'hi': { name: 'हिन्दी', code: 'en' },
'hr': { name: 'Hrvatski', code: 'hr' },
'hu': { name: 'Magyar', code: 'hu' },
'id': { name: 'Bahasa Indonesia', code: 'id' },
'it': { name: 'Italiano', code: 'it' },
'ja': { name: '日本語', code: 'ja' },
'ka': { name: 'ქართული', code: 'en' },
'kk': { name: 'Қазақша', code: 'en' },
'ko': { name: '한국어', code: 'ko' },
'km': { name: 'ភាសាខ្មែរ', code: 'en' },
'lo': { name: 'ລາວ', code: 'en' },
'lt': { name: 'Lietuvių', code: 'lt' },
'lv': { name: 'Latviešu', code: 'lv' },
'ml': { name: 'മലയാളം', code: 'en' },
'ms': { name: 'بهاس ملايو', code: 'en' },
'nb': { name: 'Norsk bokmål', code: 'no_NB' },
'ne': { name: 'नेपाली', code: 'en' },
'nl': { name: 'Nederlands', code: 'nl' },
'nn': { name: 'Norsk nynorsk', code: 'no_NN' },
'pl': { name: 'Polski', code: 'pl' },
'pt': { name: 'Português', code: 'pt' },
'pt_BR': { name: 'Português (Brasil)', code: 'pt_BR' },
'ro': { name: 'Română', code: 'ro' },
'ru': { name: 'Русский', code: 'ru' },
'si': { name: 'සිංහල', code: 'en' },
'sk': { name: 'Slovenčina', code: 'sk' },
'sl': { name: 'Slovenščina', code: 'sl' },
'sq': { name: 'Shqipëria', code: 'en' },
'sr': { name: 'Srpski', code: 'sr' },
'sv': { name: 'Svenska', code: 'sv' },
'ta': { name: 'தமிழ்', code: 'en' },
'th': { name: 'ไทย', code: 'th' },
'tr': { name: 'Türkçe', code: 'tr' },
'uk': { name: 'Українська', code: 'ukr' },
'uz': { name: 'Oʻzbekcha', code: 'en' },
'vi': { name: 'Tiếng Việt', code: 'en' },
'zh': { name: '中文', code: 'zh_CN' },
'zh_TW': { name: '中文 (Taiwan)', code: 'zh_TW' }
};
languageDefault = 'en';
localeParameter = window.location.search.match(/locale=([^&#]+)/);
locale.language = localeParameter && localeParameter[1];
if (!(locale.language in locale.languages)) {
languages = window.navigator.languages !== undefined ? window.navigator.languages.slice() : [];
language = window.navigator.userLanguage || window.navigator.language;
languages.push(language);
languages.push(language.substr(0, 2));
languages.push(languageDefault);
for (i = 0; i < languages.length; i++) {
language = languages[i].replace('-', '_');
if (language in locale.languages) {
locale.language = language;
break;
}
}
}
window.addEventListener('load', function (event) {
if (debugMode) {
Ext.Loader.setConfig({
disableCaching: false
});
}
Ext.Ajax.request({
url: 'l10n/' + languageDefault + '.json',
callback: function (options, success, response) {
window.Strings = Ext.decode(response.responseText);
if (Locale.language !== languageDefault) {
Ext.Ajax.request({
url: 'l10n/' + Locale.language + '.json',
callback: function (options, success, response) {
var key, data = Ext.decode(response.responseText);
for (key in data) {
if (data.hasOwnProperty(key)) {
window.Strings[key] = data[key];
}
}
addScriptFile(debugMode ? 'app.js' : 'app.min.js');
}
});
} else {
addScriptFile(debugMode ? 'app.js' : 'app.min.js');
}
}
});
});
// Hack for new versions of Android
if (navigator.userAgent.indexOf('Android') !== -1 && navigator.userAgent.indexOf('OPR') !== -1) {
var __originalUserAgent = navigator.userAgent;
navigator.__defineGetter__('userAgent', function () { return __originalUserAgent.replace(/\/OPR[^)]*/g, ''); });
}
extjsVersion = '6.2.0';
olVersion = '5.3.0';
proj4jsVersion = '2.5.0';
if (debugMode) {
addScriptFile('https://cdnjs.cloudflare.com/ajax/libs/extjs/' + extjsVersion + '/ext-all-debug.js');
addScriptFile('https://cdnjs.cloudflare.com/ajax/libs/extjs/' + extjsVersion + '/packages/charts/classic/charts-debug.js');
} else {
addScriptFile('https://cdnjs.cloudflare.com/ajax/libs/extjs/' + extjsVersion + '/ext-all.js');
addScriptFile('https://cdnjs.cloudflare.com/ajax/libs/extjs/' + extjsVersion + '/packages/charts/classic/charts.js');
}
addScriptFile('//cdnjs.cloudflare.com/ajax/libs/extjs/' + extjsVersion + '/classic/locale/locale-' + locale.languages[locale.language].code + '.js');
addStyleFile('//cdnjs.cloudflare.com/ajax/libs/extjs/' + extjsVersion + '/classic/theme-aria/resources/theme-aria-all.css');
addScriptFile('//cdnjs.cloudflare.com/ajax/libs/extjs/' + extjsVersion + '/classic/theme-aria/theme-aria.js');
addStyleFile('//cdnjs.cloudflare.com/ajax/libs/extjs/' + extjsVersion + '/packages/charts/classic/triton/resources/charts-all.css');
addStyleFile('https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v' + olVersion + '/css/ol.css');
addScriptFile('https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v' + olVersion + '/build/ol.js');
if (debugMode) {
addScriptFile('https://cdn.jsdelivr.net/npm/proj4@' + proj4jsVersion + '/dist/proj4-src.js');
} else {
addScriptFile('https://cdn.jsdelivr.net/npm/proj4@' + proj4jsVersion + '/dist/proj4.js');
}
window.Images = ['arrow', 'default', 'animal', 'bicycle', 'boat', 'bus', 'car', 'crane', 'helicopter', 'motorcycle',
'offroad', 'person', 'pickup', 'plane', 'ship', 'tractor', 'train', 'tram', 'trolleybus', 'truck', 'van'];
for (i = 0; i < window.Images.length; i++) {
addSvgFile('images/' + window.Images[i] + '.svg', window.Images[i] + 'Svg');
}
})();
var-debugMode、touchMode、locale、localeParameter、extjsVersion、proj4jsVersion、olVersion、i、language、languages、languages、languageDefault；
函数addStyleFile（文件）{
var link=document.createElement（'link'）；
setAttribute（'rel'，'stylesheet'）；
link.setAttribute（'type'，'text/css'）；
link.setAttribute（'href'，文件）；
document.head.appendChild（链接）；
}
函数addScriptFile（文件）{
var script=document.createElement（'script'）；
script.setAttribute（'src'，file）；
script.async=false；
document.head.appendChild（脚本）；
}
函数addSvgFile（文件，id）{
var svg=document.createElement（'object'）；
setAttribute（'id'，id）；
setAttribute（'数据'，文件）；
setAttribute（'type'，'image/svg+xml'）；
setAttribute（'style'，'visibility:隐藏；position:绝对；left:-100px；'）；
document.body.appendChild（svg）；
}
debugMode=document.getElementById（'loadScript'）。getAttribute（'mode'）=='debug'；
touchMode='ontouchstart'在窗口| | navigator.maxTouchPoints中；
window.updateNotificationToken=函数（标记）{
Traccar.app.updateNotificationToken（token）；
};
地区={}；
window.Locale=Locale；
locale.languages={
“ar”：{名称：'en'，'en'，
'az'：{名称：'azərbaycanca'，代码：'en'}，
“bg”：{名称：“БъааааСаа”，代码：“bg”}，
'bn'：{name:'বাংলা', 代码：'en'}，
'cs'：{name:'šeština'，代码：'cs'}，
'de'：{name:'Deutsch'，code:'de'}，
'da'：{名称：'Dansk'，代码：'da'}，
'el'：{name:'Ελληνικά'，代码：'el'}，
'en'：{name:'English'，code:'en'}，
'es'：{name:'Español'，code:'es'}，
'fa'：{名称：'fa'，'fa'，
'fi'：{name:'Suomi'，code:'fi'}，
“fr”：{name:'Français'，code:'fr'}，
'他'：{姓名：'他'，代码：'他'}，
“你好：{name:'हिन्दी', 代码：'en'}，
'hr'：{名称：'Hrvatski'，代码：'hr'}，
“胡”：{姓名：'Magyar'，代码：'hu'}，
'id'：{name:'Bahasa Indonesia'，代码：'id'}，
'it'：{名称：'Italiano'，代码：'it'}，
'ja'：{name:'日本語', 代码：'ja'}，
'ka'：{name:'ქართული', 代码：'en'}，
‘kk’：{名称：'nжзззззззз，代码：'en'}，
'ko'：{name:'한국어', 代码：'ko'}，
'km'：{name:'ភាសាខ្មែរ', 代码：'en'}，
'lo'：{name:'ລາວ', 代码：'en'}，
'lt'：{姓名：'Lietuvių'，代码：'lt'}，
'lv'：{name:'Latviešu'，code:'lv'}，
'ml'：{name:'മലയാളം', 代码：'en'}，
‘ms’：{姓名：'en'}代码：'en'}，
'nb'：{姓名：'Norsk bokmål'，代码：'no_nb'}，
'ne'：{name:'नेपाली', 代码：'en'}，
'nl'：{名称：'Nederlands'，代码：'nl'}，
'nn'：{名称：'Norsk-nynorsk'，代码：'no_-nn'}，
'pl'：{name:'Polski'，code:'pl'}，
'pt'：{name:'Português'，code:'pt'}，
'pt_BR'：{名称：'Português（巴西）'，代码：'pt_BR'}，
'ro'：{name:'Rom–nă'，code:'ro'}，
'ru'：{name:'МаСаа'，代码：'ru'}，
'si'：{name:'සිංහල', 代码：'en'}，
'sk'：{name:'Slovenčina'，代码：'sk'}，
'sl'：{name:'Slovenšchina'，代码：'sl'}，
'sq'：{name:'Shqipëria'，代码：'en'}，
'sr'：{name:'Srpski'，code:'sr'}，
'sv'：{name:'Svenska'，code:'sv'}，
'ta'：{name:'தமிழ்', 代码：'en'}，
'th'：{name:'ไทย', 代码：'th'}，
'tr'：{name:'Türkçe'，code:'tr'}，
“uk”：{名称：'Уааааааа'，代码：'ukr'}，
'uz'：{名称：'Oʻzbekcha'，代码：'en'}，
'vi'：{name:'Tiếng Việt'，代码：'en'}，
'zh'：{name:'中文', 代码：“zh_CN”}，
‘zh_TW’：{name:'中文 (台湾),代号:"zh_TW"
};
languageDefault='en'；
localeParameter=window.location.search.match（/locale=（[^&#]+）/）；
locale.language=localeParameter&&localeParameter[1]；
if（！（locale.language中的locale.language））{
语言=window.navigator.languages！==未定义？window.navigator.languages.slice（）：[]；
语言=window.navigator.userLanguage | | window.navigator.language；
语言。推送（语言）；
languages.push（language.substr（0,2））；
languages.push（languageDefault）；
对于（i=0；i