Дополнения к браузеру для переключения между минимизированными и обычными .js или .css

Question

Есть ли надстройка для браузера (для Firefox или Chrome), которая позволила бы мне легко открыть не минимизированную версию файла скрипта?

например, рабочий сайт загрузил бы script.min.js,но обычно script.js также будет доступен в том же каталоге.То же самое касается некоторых CSS-файлов (style.min.css или style.css)

.min.нотация, кажется, используется довольно немного

Я не ищу симпатичного принтера, как в этом вопросе: Есть ли плагин, который позволяет мне автоматически уничтожать Javascript, включенный в сайт?

но для чего-то, что автоматически обнаружит правильный незавершенный файл (который будет включать комментарии и т. Д.)

Не удалось найти что-либо через Google, но, возможно, я пропустил один?

Answer 1

Здесь находится букмарклет

<a href="javascript:(function() {
  var scr=document.getElementsByTagName('script');
  var pop = [],html='';
  for (var i=0;i<scr.length;i++) {
    if (scr[i].src.indexOf('.min.js')!=-1) pop[pop.length] = scr[i].src.replace(/\.min/,'');
  }
  if (pop.length==0) html += 'No .min.js found';
  for (var i=0;i<pop.length;i++) {
    html+='<br/><a href='+pop[i]+' target=_blank>'+pop[i]+'</a>';
  }
  var div = document.createElement('div'), dst=div.style;
  dst.position='absolute';dst.top=0;dst.zIndex=9999;dst.backgroundColor='white';
  div.innerHTML=html;
  document.body.appendChild(div);
})();">unMin</a>

. Для активации сохраните вышесказанное в файле с расширением html, загрузите страницу в браузер и перетащите ссылку на панель ссылок

Либо скопируйте href в существующую закладку и переименуйте ее.

Answer 2

YAML Debug - это букмарклет, который отображает все таблицы стилей страницы и позволяет активировать / деактивировать каждый из них (на вкладке "Стили").

Вы можете комбинировать его с альтернативными таблицами стилей , которые используются в качестве переключателей стилей (как в (1))

<link rel="stylesheet" href="screen.min.css" type="text/css">
<link rel="alternate stylesheet" href="screen.css" type="text/css" title="Not minified">

(1) http://tantek.com/CSS/Examples/codeisfreespeech.html
Перейдите на страницу, а затем в Fx / IE / Opera, возможно, Safari и Chrome, нажмите клавишу Alt, чтобы открыть старое простое меню, выберите «Показать меню / Стиль страницы» и, наконец, не использовать ни один из стилей, текущий стиль или любой другой альтернативный стиль, который вы добавили.

Довольно старая школа, но все еще полезная :)

Answer 3

Иногда восстановление «незавершенного» файла не так просто, как может случиться, если вы объедините файлы Javascript и CSS для производства.

Что-то, что вы можете сделать, это иметь папку, содержащую исходные файлы, и другую рабочую папку, которая создается с помощью скрипта. Таким образом, переключение режимов - это всего лишь вопрос изменения с /dev/ на /dist/ в URL