Tag Archives: chrome

Как ускорить работу Google Chrome с множеством вкладок

В адресной строке вводим: chrome://flags/#enable-tab-discarding (или chrome://flags/#automatic-tab-discarding) Ставим Enabled и перезапускаем браузер. Теперь браузер сам будет выгружать неиспользуемые вкладки при большом жоре памяти. При переключении на старую вкладку её нужно будет перезагрузить. По ссылке chrome://discards/ можно посмотреть все вкладки и руками сделать ей discard.

Как посчитать битрейт текущей композиции вк

В консоли хрома:

function calcBitrate(size, duration) {
  var kbit=size/128; //calculate bytes to kbit
  var kbps= Math.ceil(Math.round(kbit/duration)/16)*16;
  return kbps;
}

function getCurBitrate() {
  var audio = document.getElementById('html5_audio');
  var playedSize = audio.webkitAudioDecodedByteCount;
  var playedDuration = audio.currentTime;
  return calcBitrate(playedSize, playedDuration);
}

function calcBitrate(size, duration) {

var kbit=size/128; //calculate bytes to kbit

var kbps= Math.ceil(Math.round(kbit/duration)/16)*16;

return kbps;

}

function getCurBitrate() {

var audio = document.getElementById('html5_audio');

var playedSize = audio.webkitAudioDecodedByteCount;

var playedDuration = audio.currentTime;

return calcBitrate(playedSize, playedDuration);

}

И потом во время воспроизведения можно в консоли просто писать:

getCurBitrate()

1	getCurBitrate()

Чем дольше играет, тем точнее. Тут будут ещё добавления на тему того, как для вк взять список всех композиций и посмотреть по ним название трека, длительность и тп. Но это мало кому интересно, так что эту часть я от вас …

chrome://net-internals/#dns -> clear host cache

1	chrome://net-internals/#dns -> clear host cache

http://superuser.com/questions/203674/how-to-clear-flush-the-dns-cache-in-google-chrome

Кастомизация скролла в 21м веке

Стилизация нативного scrollbar в Chrome. Chrome custom scroll

.wrapper {
  width: 300px;
  height: 200px;
  background-color: red;
  overflow-y: auto;
}
.element {
  width: 200px;
  height: 500px;
  background-color: green;
}

::-webkit-scrollbar {
    height: 10px;
    width: 6px;
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #616161;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #fff;
}

.wrapper {

width: 300px;

height: 200px;

background-color: red;

overflow-y: auto;

}

.element {

width: 200px;

height: 500px;

background-color: green;

}

::-webkit-scrollbar {

height: 10px;

width: 6px;

background: #fff;

}

::-webkit-scrollbar-thumb {

background: #616161;

-webkit-border-radius: 1ex;

-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);

}

::-webkit-scrollbar-corner {

background: #fff;

}

http://css-tricks.com/examples/WebKitScrollbars/

Как сделать свой chrome extension

manifest.json должен выглядеть примерно так:

{
  "manifest_version": 2,

  "name": "Jira print extension",
  "description": "This extension is to print tasks in Jira",
  "version": "1.0",
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "tabs", "https://*/*", "http://*/*"
  ],
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "content_scripts": [
      {
          "matches": ["http://*/*", "https://*/*"],
          "js": ["libs/jquery.js", "content.js"]
      }
  ]
}

{

"manifest_version": 2,

"name": "Jira print extension",

"description": "This extension is to print tasks in Jira",

"version": "1.0",

"background": {

"scripts": ["background.js"]

"permissions": [

"tabs", "https://*/*", "http://*/*"

"browser_action": {

"default_icon": "icon.png",

"default_popup": "popup.html"

"content_scripts": [

{

"matches": ["http://*/*", "https://*/*"],

"js": ["libs/jquery.js", "content.js"]

}

]

}

При этом: background.js крутится всегда и один для всего браузера, умеет только слать сообщения на разные слои и слушать их. content.js (всё, что указано в content_scripts) имеет доступ к DOM и может слушать сообщения от background.js. popup.html открывается при нажатии на кнопку расширения в панельке, обычный html, должен содержать …

Отладка мобильных сайтов через Google Chrome

Отличное видео от Paul Irish. Рассказывает, как отлаживать сайты на мобильных устройствах без плагинов. Как поменялась эмуляция. Ну и немного про workspaces (теперь поддерживается и less) http://youtu.be/gZH1d2Co1X0

Быстрые клавиши для Google Chrome под Windows

https://support.google.com/chrome/answer/157179?hl=ru А то иногда забываю.

Быстрые клавиши для Google Chrome под Mac OS

https://support.google.com/chrome/answer/165450 А то иногда забываю.

В Android 4.4 KitKat по умолчанию chrome

http://www.mobilexweb.com/blog/android-4-4-kitkat-browser-chrome-webview Хотя конечно со множеством оговорок и странностей, но браузером по умолчанию будет Google Chrome 30. Главный минус — он не будет обновляться сам, только с обновлением ОС.

Что нового в Google Chrome DevTools в 2013

http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/