Подтверждение поддержки ES5

Здесь нет волшебного решения.

Для каждой функциональности только для ES5 (либо это методы Object.*, либо методы String.prototype.*, либо новый синтаксис — геттеры, сеттеры и т. д.) у вас есть 3 варианта:

1. Шим его.
2. Перед выполнением проверьте, поддерживается ли он, и отключите его, если нет.
3. Пусть это не удастся (возможно, используя грубый глобальный блок try-catch).

Почему?

Потому что не существует браузера ES5.

«ES5» не является логическим значением, которое можно оценить. Как вы видели из файла compat. таблиц, ES5 — довольно большой набор функций. И эти функции были реализованы в разных браузерах/платформах по частям, в разное время и с различным соответствием.

Конечно, вы всегда можете придумать какой-нибудь умный тест на вывод:

var isEngineES5Compliant = 'create' in Object && 
                           'isArray' in Array && 
                           'x'[0] === 'x';

Но я уверен, вы понимаете, насколько это хрупко.

Если браузер поддерживает один метод, а вы пытаетесь вызвать другой метод, который может быть или не быть доступным, то ничего хорошего из этого обычно не выходит. Будут ложные срабатывания/негативы и будут сбои.

Вы говорите, что пишете только для современных браузеров, но как именно вы определяете современный браузер? Это тот, который полностью поддерживает ES5? Или хотя бы подмножество ES5, которое использует ваш код? В этом случае вам нужно точно знать, что это за подмножество.

Сказав это, если бы нам абсолютно пришлось придумать тест на вывод, чтобы определить полное соответствие ES5, я бы выбрал:

(function () { 
  "use strict";
  return Function.prototype.bind && !this;
}());

Это проверяет поддержку "строгого режима" (фактически только часть строгого режима, но скорее всего этого будет достаточно) и наличие Function.prototype.bind.

Обе эти функции были реализованы в браузерах одними из последних, поэтому мы рассматриваем IE10+, Firefox 4+, Safari 6+, Chrome 13+ и Opera 12+.

Обратите внимание, что даже некоторые из этих браузеров не полностью совместимы с ES5 (но это соответствие в основном касается непонятные функции).

Теперь, если вам нужны действительно современные браузеры... как насчет тестирования Функции ES6? :)

Я думаю об использовании следующей попытки catch для проверки некоторого подмножества es6.

В хроме сейчас это работает:

try {
    eval(`
        'use strict';

        class hello {
            get hello() { return 123; }
        }
    `);
} catch(e) {
   console.log('es6 classes are disabled :(')
}

Перевод этого на es5 для проверки геттеров может выглядеть так:

try {
    (function() {
        eval('var dfojdfoj12 = { get hello() { return 123; } }');
    })();
} catch(e) {
   console.log('es5 getters do not exist')
}

Чтобы «изящно» потерпеть неудачу (например, показать правильное объяснение, а не белую страницу или искаженный беспорядок), мы решили удалить стили и содержимое, используя подход, описанный в Диалог для неподдерживаемых браузеров

Тестирование поддержки анимации CSS и Function.prototype.bind (до загрузки любых скриптов, таких как es5-shim) сработало. отлично. Обратите внимание, что вам нужно будет загрузить эту прокладку, если вы хотите протестировать свои вещи в PhantomJS.