JupyterHub-如何调试UI问题?

时间:2019-01-21 12:18:51

标签: jupyter-notebook jupyter jupyterhub

我们使用jupyterhub群集,并且在我们这边没有任何明显的变化,笔记本单元的高度变得巨大且静止(附有图片)

试图解决以下问题-How do I increase the cell width of the Jupyter/ipython notebook in my browser?

设法减小了单元格的大小,但它仍然是静态的。

任何建议可能导致更改的原因是什么?以及如何解决这个问题?

这就是我们今天的细胞的样子-

enter image description here

1 个答案:

答案 0 :(得分:1)

可能的解决方法

老实说,我建议一步一步地卸载扩展程序,直到问题解决为止,这可能是最快的修复方法。如果使用的是Jupyter的较新版本,则可以使用以下命令列出所有已安装的扩展:

jupyter nbextension list

然后,您将首先卸载与笔记本的主题和/或样式相关的所有扩展名。 list可能会丢失某些内容(例如,扩展名安装不正确或您自己的配置文件有问题)。下一步(至少消除了所有可疑扩展名之后)将检查Jupyter在后台设置的所有用户空间数据和配置文件。您可以通过运行以下命令获取包含此类文件的所有目录的路径:

jupyter --paths

请注意,您可能会忽略runtime目录中的所有文件,这可能不是问题。

如果扩展的大量卸载使您感到胆怯,则另一种选择是调试实时笔记本的CSS,并弄清楚代码单元样式的确切位置。

调试CSS的详细说明

以下说明适用于Chrome浏览器,但如果您使用的是其他浏览器,则应该可以找到等效的浏览器:

  • 启动笔记本
  • 右键单击代码单元,然后选择“检查”
  • 这将显示DOM node hierarchy的视图并突出显示代表您右键单击的代码单元(或其中至少某些部分)的节点
  • 屏幕右侧的
  • 是一个窗口,顶部带有一堆标签。选择“计算的”,其中包含在浏览器中实际显示的样式,该样式是根据所有CSS选择器的效果之和计算得出的。
  • 尤其要特别注意计算样式的widthheight属性。在DOM层次结构中上移和/或下移,直到找到外观可疑的widthheight节点
    • 如果值显示为灰色,则表示它是在父节点中设置的
  • 从看起来可疑的值开始,然后向上层次结构直到这些值再次看起来正常
  • 在该过渡点的一侧,您应该使层次结构中的最高节点具有错误的值。如果您查看“计算”标签,则应该能够准确看到哪些文件设置了错误的值

在这里,使您的笔记本样式变糟的文件的标识很有价值。检查这些文件将极大地帮助您发现真正的问题。