{"id":205698,"date":"2013-12-12T12:36:02","date_gmt":"2013-12-12T08:36:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=205698"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=205698","title":{"rendered":"\u041f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0438\u0437 Chrome \u0432 Firefox<\/span>"},"content":{"rendered":"
\t\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u043e\u0432 (clip2net, gyazo, \u0438 \u0442.\u0434.), \u043d\u043e \u043d\u0435\u0442 opensource-\u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0441\u0432\u043e\u0438\u0445 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043d\u0443\u0436\u0434 (\u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u0431\u044b\u043b\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0432 jira). \u0412 \u0441\u0432\u044f\u0437\u0438 \u0441 \u044d\u0442\u0438\u043c, \u0431\u044b\u043b\u043e \u043f\u0440\u0438\u044f\u0442\u043d\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 (Chrome, Firefox), \u044d\u0442\u043e\u0433\u043e \u0432\u043f\u043e\u043b\u043d\u0435 \u0445\u0432\u0430\u0442\u0438\u0442 \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0430\u0448\u0438\u0445 \u0437\u0430\u0434\u0430\u0447. <\/p>\n

<\/p>\n

<\/a>
\u0415\u0441\u043b\u0438 \u0434\u043b\u044f Chrome \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u043c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c \u00abchrome-screen-capture<\/a>\u00bb, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u0435\u0437 \u043f\u0440\u043e\u0431\u043b\u0435\u043c, \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0432, \u0442\u043e \u0434\u043b\u044f Firefox \u0442\u0430\u043a\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u043d\u0435\u0442. \u0414\u0430\u043d\u043d\u0443\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043c\u044b \u0438 \u0440\u0435\u0448\u0438\u043b\u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043c\u044b \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043b\u0438 \u043f\u043e\u0434 Firefox \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 chrome-screen-capture.<\/p>\n

\u041d\u0435 \u0431\u0443\u0434\u0443 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043e\u0431 \u044d\u0442\u0430\u043f\u0430\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0434\u043b\u044f Firefox \u2014 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0430\u044f \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u0435\u0441\u0442\u044c \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 Mozilla<\/a>. <\/p>\n

\u042f \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u0445, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0438\u0441\u044c \u043f\u0440\u0438 \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438:<\/p>\n

Firefox XUL vs Chrome HTML<\/h3>\n

\u041d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u0434\u0430\u0436\u0435 \u043d\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430, \u0430 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c: \u0432\u0441\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f Firefox \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 XUL, \u0430 \u0432 Chrome \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 HTML.<\/p>\n

\u041f\u0440\u0438\u0432\u0435\u0434\u0443 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u00ab\u0417\u0430\u0445\u0432\u0430\u0442 \u043e\u0431\u043b\u0430\u0441\u0442\u0438\u00bb:
<\/p>\n

HTML: <\/p>\n

<div id="sc_drag_area_protector">     <div id="sc_drag_shadow_top" style="height: 56px; width: 766px;"><\/div>     <div id="sc_drag_shadow_bottom" style="height: 205px; width: 765px;"><\/div>     <div id="sc_drag_shadow_left" style="height: 356px; width: 515px;"><\/div>     <div id="sc_drag_shadow_right" style="height: 207px; width: 514px;"><\/div>     <div id="sc_drag_area" style="left: 515px; top: 56px; width: 250px; height: 150px;">         <div id="sc_drag_container"><\/div>         <div id="sc_drag_size">0 x 0<\/div>         <div id="sc_drag_cancel">\u041e\u0442\u043c\u0435\u043d\u0430<\/div>         <div id="sc_drag_crop">OK<\/div>         <div id="sc_drag_north_west"><\/div>         <div id="sc_drag_north_east"><\/div>         <div id="sc_drag_south_east"><\/div>         <div id="sc_drag_south_west"><\/div>     <\/div> <\/div> <\/code><\/pre>\n
  XUL:  <\/p>\n
<box id="sc_drag_area_protector">     <box id="sc_drag_shadow_top" style="height: 167px; width: 766px;"><\/box>     <box id="sc_drag_shadow_bottom" style="height: 130px; width: 765px;"><\/box>     <box id="sc_drag_shadow_left" style="height: 281px; width: 515px;"><\/box>     <box id="sc_drag_shadow_right" style="height: 318px; width: 514px;"><\/box>     <box id="sc_drag_area" style="left: 515px; top: 167px; width: 250px; height: 150px;">         <box id="sc_drag_container"><\/box>         <box id="sc_drag_size">0 x 0<\/box>         <box id="sc_drag_cancel">\u041e\u0442\u043c\u0435\u043d\u0430<\/box>         <box id="sc_drag_crop">OK<\/box>         <box id="sc_drag_north_west"><\/box>         <box id="sc_drag_north_east"><\/box>         <box id="sc_drag_south_east"><\/box>         <box id="sc_drag_south_west"><\/box>     <\/box> <\/box> <\/code><\/pre>\n
  \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043d\u0435\u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u044b. \u0418 \u044d\u0442\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043d\u0435 \u0440\u0430\u0434\u043e\u0432\u0430\u0442\u044c.<\/p>\n
  \u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u043c\u0435\u043d\u044e:
   <\/p>\n
  \u0412 Chrome \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0447\u0435\u0440\u0435\u0437 manifest:  <\/p>\n
"browser_action": {     "default_icon": "images\/icon_19.png",     "default_title": "\u0417\u0430\u0445\u0432\u0430\u0442 \u044d\u043a\u0440\u0430\u043d\u0430",     "default_popup": "popup.html" } <\/code><\/pre>\n
  \u0412 popup.html \u0443\u0436\u0435 \u0432\u044b\u0432\u043e\u0434\u0438\u043c \u043d\u0443\u0436\u043d\u044b\u0435 \u043f\u0443\u043d\u043a\u0442\u044b \u043c\u0435\u043d\u044e. \u0412 Firefox \u0434\u0430\u043d\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 XUL:  <\/p>\n
<toolbarpalette id="BrowserToolbarPalette">      <toolbarbutton id="poputchikScreen" type="menu-button" label="Screenshot" class="toolbarbutton-1" oncommand="screenshot.screen.lastAction(); event.stopPropagation();" image="chrome:\/\/screenshot\/skin\/img\/icon.png">         <menupopup>             <menuitem label="\u041e\u0431\u043b\u0430\u0441\u0442\u044c \u0437\u0430\u0445\u0432\u0430\u0442\u0430" image="chrome:\/\/screenshot\/skin\/img\/custom.png" oncommand="screenshot.screen.captureArea(); event.stopPropagation();" class="menuitem-iconic"\/>             <menuitem label="\u0417\u0430\u0445\u0432\u0430\u0442 \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u0447\u0430\u0441\u0442\u0438" image="chrome:\/\/screenshot\/skin\/img\/screen.png" oncommand="screenshot.screen.captureWindow(); event.stopPropagation();" class="menuitem-iconic"\/>             <menuitem label="\u0417\u0430\u0445\u0432\u0430\u0442 \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b" image="chrome:\/\/screenshot\/skin\/img\/whole.png" oncommand="screenshot.screen.captureWebpage(); event.stopPropagation();" class="menuitem-iconic"\/>         <\/menupopup>      <\/toolbarbutton> <\/toolbarpalette> <\/code><\/pre>\n
LocalStorage<\/h3>\n
  \u0412 Firefox \u0434\u043b\u044f \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u043d\u0435\u043b\u044c\u0437\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c localstorage, \u0430 \u0432 chrome-screen-capture \u043e\u043d \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f. \u041f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0430\u043d\u0430\u043b\u043e\u0433 \u043d\u0430 \u0431\u0430\u0437\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 sqlite, \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0441\u044f \u0432\u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u0432\u043e\u0442 \u043f\u043e\u043b\u0438\u0444\u0438\u043b localStorage.js<\/a>:   <\/p>\n
Object.defineProperty(window, "localStorage", new (function () {     var aKeys = [], oStorage = {};     Object.defineProperty(oStorage, "getItem", {       value: function (sKey) {            return sqliteStorage.getItem(escape(sKey));       },       writable: false,       configurable: false,       enumerable: false     });     Object.defineProperty(oStorage, "key", {       value: function (nKeyId) { return aKeys[nKeyId]; },       writable: false,       configurable: false,       enumerable: false     });     Object.defineProperty(oStorage, "setItem", {       value: function (sKey, sValue) {         if(!sKey) { return; }         sqliteStorage.setItem(escape(sKey), escape(sValue));       },       writable: false,       configurable: false,       enumerable: false     });     Object.defineProperty(oStorage, "length", {       get: function () { return aKeys.length; },       configurable: false,       enumerable: false     });     Object.defineProperty(oStorage, "removeItem", {       value: function (sKey) {         if(!sKey) { return; }         sqliteStorage.removeItem(escape(sKey));       },       writable: false,       configurable: false,       enumerable: false     });     this.get = function () {       var iThisIndx;       for (var sKey in oStorage) {         iThisIndx = aKeys.indexOf(sKey);         if (iThisIndx === -1) {              oStorage.setItem(sKey, oStorage[sKey]);          } else {              aKeys.splice(iThisIndx, 1);          }         delete oStorage[sKey];       }       for (aKeys; aKeys.length > 0; aKeys.splice(0, 1)) { oStorage.removeItem(aKeys[0]); }       var aCouples = sqliteStorage.getAllItems();       for (var iKey in aCouples) {          iKey = unescape(iKey);          oStorage[iKey] = unescape(aCouples[iKey]);          aKeys.push(iKey);       }       return oStorage;     };     this.configurable = false;     this.enumerable = true;   })()); <\/code><\/pre>\n
  \u041f\u0440\u0438\u043c\u0435\u0440 \u043a\u043e\u0434\u0430, \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0449\u0435\u0433\u043e \u0437\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 sqlite sqliteStorage.js<\/a>:  <\/p>\n
Object.defineProperty(window, "sqliteStorage", new (function () {     var file = Components.classes["@mozilla.org\/file\/directory_service;1"]                 .getService(Components.interfaces.nsIProperties)                 .get("ProfD", Components.interfaces.nsIFile);     var storageService = Components.classes["@mozilla.org\/storage\/service;1"]                             .getService(Components.interfaces.mozIStorageService);     var mDBConn = null;     var tableName = 'screenshot';     var aKeys = [], sStorage = {};          file.append("ScreenshotData");     if( !file.exists() || !file.isDirectory() ) {        file.create(Components.interfaces.nsIFile.DIRECTORY_TYPE, 0777);     }     file.append("screenshot.sqlite");      mDBConn = storageService.openDatabase(file);          var create = function () {         mDBConn.createTable(tableName, "id integer primary key autoincrement, Name_key TEXT, Key_value TEXT");         mDBConn.executeSimpleSQL('CREATE UNIQUE INDEX idx_name_key ON ' + tableName + ' (Name_key)');     };          Object.defineProperty(sStorage, "getItem", {       value: function (sKey) {            var statement = null;           var result = null;            if (!mDBConn.tableExists(tableName)) {               create();           }           statement = mDBConn.createStatement("SELECT Key_value FROM " + tableName + " where Name_key = '" + sKey + "'");           while (statement.step()) {               result = statement.row['Key_value'];           }                      return result;       },       writable: false,       configurable: false,       enumerable: false     });          Object.defineProperty(sStorage, "setItem", {       value: function (sKey, sValue) {            if (!mDBConn.tableExists(tableName)) {               create();           }           mDBConn.executeSimpleSQL("REPLACE INTO " + tableName + " (Name_key, Key_value) VALUES ('"+sKey+"', '"+sValue+"')");       },       writable: false,       configurable: false,       enumerable: false     });          Object.defineProperty(sStorage, "removeItem", {       value: function (sKey) {            if (!mDBConn.tableExists(tableName)) {               create();           }           mDBConn.executeSimpleSQL("DELETE FROM " + tableName + " WHERE Name_key = '"+sKey+"'");       },       writable: false,       configurable: false,       enumerable: false     });          Object.defineProperty(sStorage, "getAllItems", {       value: function () {            var statement = null;           var result = {};                      if (!mDBConn.tableExists(tableName)) {               create();           }           statement = mDBConn.createStatement("SELECT Name_key, Key_value FROM " + tableName + "");           while (statement.step()) {               result[statement.row['Name_key']] = statement.row['Key_value'];           }                      return result;       },       writable: false,       configurable: false,       enumerable: false     });          this.get = function () {       var iThisIndx;       for (var sKey in sStorage) {         iThisIndx = aKeys.indexOf(sKey);         if (iThisIndx === -1) { sStorage.setItem(sKey, sStorage[sKey]); }         else { aKeys.splice(iThisIndx, 1); }         delete sStorage[sKey];       }       for (aKeys; aKeys.length > 0; aKeys.splice(0, 1)) { sStorage.removeItem(aKeys[0]); }       return sStorage;     };          this.configurable = false;     this.enumerable = true;   })()); <\/code><\/pre>\n
  \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434 localStorage.setItem(‘fontSize’, ’16’). \u0410 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c localStorage.fontSize, \u0432\u0441\u0435 \u043a\u0430\u043a \u0432 \u043e\u0431\u044b\u0447\u043d\u043e\u043c localStorage.<\/p>\n
\u041b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\n
  \u0422\u0430\u043a\u0436\u0435 \u0432\u043e\u0437\u043d\u0438\u043a\u043b\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0435 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438: \u0432 Chrome \u0432\u0441\u044f \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432 _locales\/*\/messages.json, \u0430 \u0432 Firefox \u2014 \u0432 \u0434\u0432\u0443\u0445 \u0444\u0430\u0439\u043b\u0430\u0445 locale\/*\/screenshot.dtd \u0438 locale\/*\/screenshot.properties, \u0447\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e. \u0424\u0430\u0439\u043b screenshot.dtd \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 XUL \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0430 \u0444\u0430\u0439\u043b screenshot.properties \u0434\u043b\u044f \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 JS. \u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0445\u0435\u043c\u0435 \u0435\u0441\u0442\u044c \u043e\u0434\u0438\u043d \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043c\u0438\u043d\u0443\u0441, \u0435\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 HTML. \u0410 \u0432 chrome-screen-capture \u0432\u0441\u0442\u0440\u043e\u0435\u043d HTML-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439. \u0412 \u0441\u0432\u044f\u0437\u0438 \u0441 \u044d\u0442\u0438\u043c \u0431\u044b\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0432 \u0444\u0430\u0439\u043b screenshot.properties:<\/p>\n
  \u0411\u044b\u043b\u043e:  <\/p>\n
highlight=Highlight redact=Redact solid_black=Solid Black <\/code><\/pre>\n
  \u0421\u0442\u0430\u043b\u043e:  <\/p>\n
var i18n = new Object(); i18n.highlight='Highlight'; i18n.redact='Redact'; i18n.solid_black='Solid Black'; <\/code><\/pre>\n
  \u0412 Firefox \u0434\u043b\u044f \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:  <\/p>\n
<stringbundleset id="stringbundleset">         <stringbundle id="string-bundle" src="chrome:\/\/screenshot\/locale\/screenshot.properties"\/> <\/stringbundleset> <\/code><\/pre>\n
  \u0418 \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0432 JS:  <\/p>\n
var stringsBundle = document.getElementById("string-bundle"); console.log(stringsBundle.getString(highlight) + " "); <\/code><\/pre>\n
  \u041f\u043e\u0441\u043b\u0435 \u0432\u043d\u0435\u0441\u0435\u043d\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0432 \u0444\u0430\u0439\u043b \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u0435\u0435 \u0441\u0442\u0430\u043b\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0432 XUL, \u0442\u0430\u043a \u0438 \u0432 HTML.<\/p>\n
  \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0444\u0430\u0439\u043b \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438:  <\/p>\n
<script src="chrome:\/\/screenshot\/locale\/screenshot.properties"><\/script> <\/code><\/pre>\n
  \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 JS:   <\/p>\n
console.log(i18n[\u2018highlight\u2019]); <\/code><\/pre>\n
  \u0422\u0430\u043a\u0436\u0435, \u0434\u043b\u044f \u043e\u0431\u043b\u0435\u0447\u0435\u043d\u0438\u044f \u0436\u0438\u0437\u043d\u0438, \u0431\u044b\u043b \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u0441\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u0437 \u0444\u043e\u0440\u043c\u0430\u0442\u0430 Chrome \u0432 \u0444\u043e\u0440\u043c\u0430\u0442 Firefox convert_locale.js<\/a>:  <\/p>\n
var fs = require('fs'); var path = require('path'); var filePath = process.argv[2]; var dirPath = path.dirname(filePath); var messages = {};  fs.readFile(filePath, function (err, data) {   if (err) throw err;   messages = JSON.parse(data);   generationProp(messages);   generationDTD(messages); });  function generationDTD (msg) {     var resultDTD = '';     for (var key in msg) {         resultDTD += '<!ENTITY ' + key + ' "' + msg[key].message + '">' + "\\n";     }     writeFile('screenshot.dtd', resultDTD); }  function generationProp(msg) {     var resultProp = '';     for (var key in msg) {         resultProp += key + '=' + msg[key].message + "\\n";     }     writeFile('screenshot.properties', resultProp); }  function writeFile(fileName, data) {     var writeFile = path.join(dirPath, fileName);     fs.writeFile(writeFile, data, function (err) {         if (err) throw err;         console.log('generation finish: ' + fileName);     }); } <\/code><\/pre>\n
  \u0412 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0441 \u043d\u0443\u0436\u043d\u043e\u0439 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c \u0444\u0430\u0439\u043b messages.json \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0441\u043a\u0440\u0438\u043f\u0442:  <\/p>\n
node convert_locale.js .\/screenshot\/chrome\/locale\/de-DE\/messages.json  generation finish: screenshot.properties generation finish: screenshot.dtd <\/code><\/pre>\n
  \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0434\u0432\u0430 \u0444\u0430\u0439\u043b\u0430 \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432 \u043d\u0443\u0436\u043d\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435:<\/p>\n
  .\/screenshot\/chrome\/locale\/de-DE\/screenshot.properties 
  .\/screenshot\/chrome\/locale\/de-DE\/screenshot.dtd<\/p>\n
\u0412\u044b\u0432\u043e\u0434\u044b<\/h3>\n
  \u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u043f\u0435\u0440\u0435\u0434 \u0430\u043d\u0430\u043b\u043e\u0433\u0430\u043c\u0438:
  1. \u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 (opensource)
  2. \u041e\u0431\u043b\u0430\u0441\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0430 \u043d\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439, \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0445\u0432\u0430\u0442\u0438\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u043d\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443 \u0438\u043b\u0438 \u0442\u0430\u0431\u044b.
  3. \u041c\u043e\u0436\u043d\u043e \u0437\u0430\u0445\u0432\u0430\u0442\u0438\u0442\u044c \u0432\u0441\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u0431\u0435\u0437 \u0443\u0447\u0451\u0442\u0430 \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043e\u043a\u043d\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0438 \u043f\u043e\u043b\u043e\u0441 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438.
  4. \u0415\u0441\u043b\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0441 position:fixed, \u0442\u043e \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u043f\u0440\u0438 \u0437\u0430\u0445\u0432\u0430\u0442\u0435 \u0432\u0441\u0435\u0439 \u0441\u0442\u0430\u043d\u0438\u0446\u044b.
  5. \u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u044b \u043e\u0448\u0438\u0431\u043a\u0438 (\u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u043e\u043a\u043d\u0430).<\/p>\n
  \u0420\u0435\u0437\u0443\u043b\u0442\u0430\u0442 \u0440\u0430\u0431\u043e\u0442\u044b \u043e\u0434\u043d\u043e\u0439 \u0438\u0437 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f: \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/a>.<\/p>\n
  \u0422\u0430\u043a \u043a\u0430\u043a \u0434\u043b\u044f \u043d\u0430\u0448\u0438\u0445 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u0446\u0435\u043b\u0435\u0439 \u043d\u0435 \u0431\u044b\u043b\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432\u044b\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b (Picasa, Facebook, Sina microblog, Imgur), \u0442\u043e \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438, \u0444\u0430\u0439\u043b \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0434\u0438\u0441\u043a\u0435. \u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442 \u043e\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u0432\u043e\u0441\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c\u0438, \u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043d\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u0442 \u0442\u0440\u0443\u0434\u0430. \u0410 \u043c\u043e\u0436\u0435\u0442, \u043a\u0442\u043e-\u0442\u043e \u0438\u0437 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0435\u0439 \u0425\u0430\u0431\u0440\u0430 \u0437\u0430\u0445\u043e\u0447\u0435\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e? C \u0440\u0430\u0434\u043e\u0441\u0442\u044c\u044e \u0436\u0434\u0435\u043c \u0432\u0430\u0448\u0438\u0445 \u043a\u043e\u043c\u043c\u0438\u0442\u043e\u0432.<\/p>\n
  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 github<\/a>.    \t<\/p>\n
<\/div>\n<\/p><\/div>\n
 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/company\/mailru\/blog\/205698\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
   \t\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u043e\u0432 (clip2net, gyazo, \u0438 \u0442.\u0434.), \u043d\u043e \u043d\u0435\u0442 opensource-\u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0441\u0432\u043e\u0438\u0445 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043d\u0443\u0436\u0434 (\u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u0431\u044b\u043b\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0432 jira). \u0412 \u0441\u0432\u044f\u0437\u0438 \u0441 \u044d\u0442\u0438\u043c, \u0431\u044b\u043b\u043e \u043f\u0440\u0438\u044f\u0442\u043d\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 (Chrome, Firefox), \u044d\u0442\u043e\u0433\u043e \u0432\u043f\u043e\u043b\u043d\u0435 \u0445\u0432\u0430\u0442\u0438\u0442 \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0430\u0448\u0438\u0445 \u0437\u0430\u0434\u0430\u0447. <\/p>\n
  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-205698","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/205698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=205698"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/205698\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=205698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=205698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=205698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}