Инструменты для кодирования соглашений и анализа HTML, CSS, Javascript-кода на стороне клиента - PullRequest
Новая
       14

Инструменты для кодирования соглашений и анализа HTML, CSS, Javascript-кода на стороне клиента

1 голос
/ 08 апреля 2009

Я использую различные средства проверки кода для разработки на Java, но я не использовал их для HTML. CSS, Javascript.

Существуют ли какие-либо. Это пометка плохой практики или подобного инструмента.

Ответы [ 5 ]

7 голосов
/ 08 апреля 2009

W3C имеет Служба проверки разметки для проверки (X) HTML.

Также в W3C есть инструменты:

И JSLint - это инструмент для проверки вашего JavaScript.

6 голосов
/ 08 апреля 2009

Firebug с надстройкой YSlow от Yahoo довольно эффективно указывает на вашу неэффективность.

Также попробуйте аддон веб-разработчика и нажмите Ctrl + Shift + A - он загрузит ваш локальный код прямо в валидатор w3c.

Читайте о соответствии 508C - вы не можете проверить это, но это полезно знать.

2 голосов
/ 08 апреля 2009

Вы имеете в виду инструменты, похожие на ворсинки?

JavaScript

  • JavaScript Lint похоже, что это может быть полезно.

    С помощью JavaScript Lint вы можете проверить весь свой исходный код JavaScript на наличие распространенных ошибок, не запуская скрипт и не открывая веб-страницу.

    JavaScript Lint имеет преимущество перед конкурирующими линтами, потому что он основан на движке JavaScript для браузера Firefox. Это обеспечивает надежную структуру, которая может не только проверять синтаксис JavaScript, но также исследовать методы кодирования, используемые в сценарии, и предупреждать о сомнительных действиях.

  • JSLint - это то же самое.

    JSLint берет исходный код JavaScript и сканирует его. Если он находит проблему, он возвращает сообщение, описывающее проблему и примерное местоположение в источнике. Проблема не обязательно в синтаксической ошибке, хотя часто это так.
    JSLint рассматривает некоторые соглашения по стилю, а также структурные проблемы. Это не доказывает, что ваша программа верна. Он просто предоставляет другой набор глаз, чтобы помочь определить проблемы.

HTML

CSS

0 голосов
/ 08 апреля 2009

Firebug с CodeBurner дает вам справочный материал для вашего HTML и CSS. Вы можете быстро просматривать HTML-элементы, атрибуты и свойства CSS, не покидая страницы.

0 голосов
/ 08 апреля 2009

js2-mode для Emacs будет перехватывать и выделять некоторые распространенные ошибки Javascript во время редактирования вашего кода. Он не такой тщательный, как внешние инструменты для линтов, но гораздо более оперативен в своих отзывах.

...