JupyterHub - как отладить проблемы пользовательского интерфейса? - PullRequest
0 голосов
/ 21 января 2019

Мы используем кластер jupyterhub, и без каких-либо заметных изменений с нашей стороны высота ячеек ноутбука стала огромной и статичной (прикреплено изображение)

Пытался решить проблему, глядя на - Как мнеувеличить ширину ячейки записной книжки Jupyter / ipython в моем браузере?

Удалось уменьшить размер ячеек, но он все еще статичен.

Есть какие-либо предположения, что могло вызвать изменение?И как это исправить?

Так выглядят наши клетки сегодня -

enter image description here

1 Ответ

0 голосов
/ 22 января 2019

Потенциальные исправления

Мое предложение удалить ваши расширения по одному, пока проблема не исчезнет, ​​может быть, честно говоря, самый быстрый способ получить исправление. Если у вас достаточно свежая версия Jupyter, вы можете перечислить все установленные расширения с помощью:

jupyter nbextension list

Затем вы начнете с удаления любого расширения, относящегося к теме и / или стилю ноутбука. Возможно, что list пропустит некоторые вещи (например, неправильно установленное расширение или проблемы с вашими конфигурационными файлами). Следующим шагом (после избавления, по крайней мере, от всех подозрительных расширений) будет просмотр всех данных пользовательского пространства и файлов конфигурации, которые Jupyter устанавливает в фоновом режиме. Вы можете получить пути ко всем каталогам, содержащим такие файлы, запустив:

jupyter --paths

Небольшое примечание, вы, вероятно, можете игнорировать все файлы в runtime dir, вероятно, это не проблема.

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

Подробные инструкции по отладке CSS

Следующие инструкции относятся к Chrome, но если вы используете другой браузер, вы сможете найти эквивалент:

  • запустить ноутбук
  • щелкните правой кнопкой мыши по ячейке кода и выберите «Inspect»
  • это откроет представление иерархии узлов DOM и выделит узел, представляющий кодовую ячейку (или некоторую ее часть), которую вы только что щелкнули правой кнопкой мыши по
  • в правой части экрана будет окно с кучей вкладок в верхней части. Выберите «Вычислено», которое содержит стиль, который фактически отображается в браузере, как вычислено из суммы эффектов всех селекторов CSS
  • обратите особое внимание на свойства width и height вычисляемого стиля. Идите вверх и / или вниз по иерархии DOM, пока не найдете узел с подозрительным видом width или height
    • Если значение отображается серым цветом, это означает, что оно устанавливается в родительском узле
  • начать с подозрительного значения, затем подниматься по иерархии, пока значения снова не станут нормальными
  • на одной стороне этой точки перехода у вас должен быть самый верхний узел в вашей иерархии с неверными значениями. Если вы изучите вкладку «Вычисленные», вы сможете увидеть, какие именно файлы устанавливают неверные значения

Подлинность файлов, которые портят стиль вашего ноутбука, - вот что дает вам преимущество. Изучение этих файлов должно помочь вам в обнаружении реальной проблемы.

...