Отсоединить панель, такую ​​как Font Face Ninja или CSS Peeper в расширении Chrome?

Question

Мне нужна отдельная панель, такая как Font Face Ninja или CSS Peeper для расширения Chrome.Пробовал гуглить, но не знаю, как это называется.Вот скриншоты.

Шрифт Ninja

CSS Peeper

Обратите внимание на всплывающее окно.Я хочу, чтобы это было так.И подвижный, как это делает Font Face Ninja.Как мне это сделать?

Answer 1

Если вы щелкнете правой кнопкой мыши по всплывающему окну, которое создает шрифт ниндзя, и проверите, вы увидите, что оно добавлено к DOM страницы, на которой вы находитесь.Вы можете увидеть разметку на скриншоте ниже.Это не часть расширения Chrome как такового, а пользовательский HTML, CSS и JS для создания интерактивной панели.