pyspider显示web太小
在使用pyspider时,发现web显示画面太小,看起来不舒服
进入\Lib\site-packages\pyspider\webui\staticpider\webui\static文件夹下,并打开debug.min.css文件。替换为:
body{margin:0;padding:0;height:100%;overflow:hidden}.warning{color:#f0ad4e}.error{color:#d9534f}#control{z-index:9999;min-width:760px;width:100%;height:35px;position:fixed;left:0;right:0;background-color:#eee;box-shadow:0 1px 2px #999}#control div{line-height:35px;margin-left:10px;margin-right:10px}#control .webdav-btn{position:relative;float:right;padding:1px 7px 0;line-height:21px;border-radius:5px;border:1px solid #428bca;background:#fff;color:#428bca;cursor:pointer;margin:6px 0 0 10px}#control .webdav-btn:hover{background:#6aa3d5;color:#fff}#control .webdav-btn.active{background:#428bca;color:#fff}#editarea{width:100%;position:fixed;top:37px}#editarea,.debug-panel{left:0;right:0;bottom:0}.debug-panel{position:absolute;top:0}.resize{background-color:#555;cursor:ew-resize}.resize:hover+.debug-panel{border-left:1px dashed #555!important}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;z-index:9999;background:rgba(0,0,0,.4)}.focus .CodeMirror-activeline-background{background:#e8f2ff!important}.CodeMirror-activeline-background{background:transparent!important}#task-panel{height:100%;overflow-x:auto}#run-task-btn{z-index:99;position:absolute;top:0;right:0;background:#5cb85c;border-radius:0 0 0 5px;color:#fff;margin:0;padding:3px 7px 5px 10px;cursor:pointer;font-weight:700;line-height:15px}#run-task-btn:hover{background:#449d44}#undo-redo-btn-group{z-index:99;position:absolute;top:0;right:0;background:#91cf91;border-radius:0 0 0 5px;color:#fff;margin:0;padding:3px 7px 5px 10px;cursor:pointer;font-weight:700;line-height:15px;top:auto;bottom:0;border-radius:5px 0 0 0;padding:5px 0 3px;overflow:hidden}#undo-redo-btn-group:hover{background:#6ec06e;background:#91cf91}#undo-redo-btn-group a{color:#fff;text-decoration:none;padding:5px 7px 3px 10px}#undo-redo-btn-group a:hover{background:#6ec06e}#save-task-btn{z-index:99;position:absolute;top:0;right:0;background:#428bca;border-radius:0 0 0 5px;color:#fff;margin:0;padding:3px 7px 5px 10px;cursor:pointer;font-weight:700;line-height:15px}#save-task-btn:hover{background:#3071a9}#task-editor{position:relative}#task-editor .CodeMirror{height:auto;padding-bottom:3px;background:#c7e6c7}#task-editor .CodeMirror-scroll{overflow-x:auto;overflow-y:hidden}#task-editor.focus .CodeMirror-activeline-background{background:#eaf6ea!important}#tab-control{list-style-type:none;position:absolute;bottom:0;right:0;margin:8px 20px;padding:0}#tab-control li{position:relative;float:right;padding:1px 7px 0;line-height:21px;margin-left:10px;border-radius:5px;border:1px solid #428bca;background:#fff;color:#428bca;cursor:pointer}#tab-control li:hover{background:#6aa3d5;color:#fff}#tab-control li.active{background:#428bca;color:#fff}#tab-control li span{position:absolute;top:-5px;right:-10px;background:#d9534f;color:#fff;font-size:80%;font-weight:700;padding:2px 5px 0;border-radius:10px}#debug-tabs{margin-bottom:45px}#tab-web.fixed{padding-top:24px}#tab-web iframe{border-width:0;width:100%;height:900px !important}#tab-html{margin:0;padding:7px 5px}#tab-html pre{margin:0;padding:0}#tab-follows .newtask{position:relative;height:30px;line-height:30px;background:#fceedb;border-bottom:1px solid #f0ad4e;border-top:1px solid #f0ad4e;margin-top:-1px;padding-left:5px;padding-right:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}#tab-follows .newtask:hover,#tab-follows .newtask:hover .task-more{background:#f8d9ac}#tab-follows .newtask .task-callback{color:#ec971f}#tab-follows .newtask .task-url{font-size:95%;text-decoration:underline;font-weight:lighter;color:#428bca}#tab-follows .newtask .task-more{position:absolute;right:33px;top:0;float:right;color:#f0ad4e;padding:0 10px;background:#fceedb;border-radius:10px}#tab-follows .newtask .task-run{position:absolute;right:0;top:0;font-size:80%;padding:0 10px 0 30px;float:right;border-bottom:1px solid #a3d7a3;border-top:1px solid #a3d7a3;background:#80c780;color:#fff;text-shadow:0 0 10px #fff;font-weight:700}#tab-follows .newtask .task-run:hover{background:#5cb85c}#tab-follows .task-show pre{margin:5px 5px 10px}#python-editor{position:absolute;top:0;width:100%;bottom:0}#python-editor .CodeMirror{height:100%;padding-bottom:20px}#python-log{width:100%;min-height:10px;max-height:40%;background:rgba(0,0,0,.6);overflow:auto}#python-log #python-log-show{z-index:89;width:auto;padding-top:5px;background:#d9534f;box-shadow:0 2px 20px #d9534f;cursor:pointer}#python-log pre{margin:0;padding:10px;color:#fff}#css-selector-helper{background-color:#eee;padding:0;width:100%;height:24px;text-align:right;white-space:nowrap}#css-selector-helper.fixed{position:absolute;top:0}#css-selector-helper button{line-height:16px;vertical-align:2px}span.element{position:relative;height:24px;display:inline-block;padding:0 .2em;cursor:pointer;color:#afafaf;z-index:99999}span.element.invalid{display:none}span.element.selected{color:#000}span.element:hover{background-color:#c8c8c8}span.element:hover>ul{display:block}span.element>ul{display:none;margin:0;padding:0;position:absolute;top:24px;left:0;background-color:#eee;border:1px solid #000;border-top-width:0;color:#afafaf}span.element>ul>li{display:block;text-align:left;white-space:nowrap;padding:0 4px}span.element>ul>li.selected{color:#000}span.element>ul>li:hover{background-color:#c8c8c8}.copy-selector-input{height:24px;padding:0;border:0;margin:0;padding-right:.2em;font-size:1em;text-align:right;width:100%;margin-left:-100px;background:#eee}
然后保存文件即可。
在查看浏览器时,使用 ctrl + shift +R键 ,清除浏览器缓存 并重新加载内容(web开发常用快捷建),与F5刷新方式不同,因为F5加载的还是浏览器里面的缓存。而ctrl + shift +Delete键是清除浏览器中的日志,cookie等等内容,这里需要注意区分一下
pyspider显示web太小相关推荐
- 用Java实现猜数游戏:在程序中预设一个0-9之间的整数,让用户通过键盘输入所猜的数,如果大于预设的数,显示“遗憾,太大了” ;小于预设的数,显示“遗憾,太小了” ,如此循环,直至猜中该数,
猜数游戏 在程序中预设一个0-9之间的整数,让用户通过键盘输入所猜的数,如果大于预设的数,显示"遗憾,太大了" ;小于预设的数,显示"遗憾,太小了" ,如此循环 ...
- VirtualBox虚拟机显示界面太小解决方案
因为VirtualBox虚拟机显示界面太小,折腾了半天.使用的是Ubuntu 18.04版本. 很多解决方案说需要安装增强功能,但是架不住安装这个增强功能本身也报错啊. 有折腾这个问题也半天没有解决. ...
- 手机网页显示内容太小,调整手机端网页缩放
工作需要,要做一个手机自适应的网页效果,终于搞定,先分享并记录! 其实主要就是改掉HTML页面声明: 在网页中加入以下代码,就可以正常显示了: 代码如下: <meta name="vi ...
- 网易云linux字体太小,网易云音乐客户端和百度网盘在Deepin下字体显示太小的解决...
在Deepin系统默认的的显示分辨率1920*1080下,网易云音乐客户端和百度网盘表现出了字体大小的视觉效果,本文教你变大的方法,以处理网易云音乐客户端为例,同时在百度网盘上也是有效的(参考:用De ...
- 4k显示器如何解决分辨率,和桌面图标与应用程序界面,显示太小的问题
今天分享一个关于4K高清显示器的问题,相信很多人为了想体验一下4K显示器,都把之前的显示器给下岗了,我也是去年2018年的时候,买了台新的服务器电脑,就想再配置一个4K显示器,通过某平台买的,可能很多 ...
- echarts 玫瑰图比例太小显示优化
echarts 玫瑰图比例太小显示优化 1.效果图 2.实现思路 3.代码 选择了 echarts 做大数据统计,但是由于统计数据的差异太大,数据特别小的时候,使用玫瑰图展示会造成看不清楚扇区的问题, ...
- UltralSO制作启动盘显示报错:磁盘/映像容量太小
问题 想安装ubuntu来使用vivado的,看到网上相关安装教程教怎么制作硬盘来进行分区,就下载了UltralSO,根据教程操作.但是显示"磁盘/映像容量太小".这不可能呀,教程 ...
- NVIDIA控制面板打开报错,提示nvcplui.exe应用程序错误并显示传递给系统调用的数据区域太小
打开NVIDIA控制面板时提示错误,提示nvcplui.exe应用程序错误并显示传递给系统调用的数据区域太小 解决方法:打开报错提示中程序所在路径 我电脑对应路径如下图所示 在电脑中进入对应路径,可能 ...
- win10系统下部分软件主界面显示不正常(工具栏显示太小)问题解决办法
Win10尝鲜,发现操作与win7有较大的不同,一时还适应不好,其中由一个问题是win10下有些程序主界面工具图标显示不正常,工具栏太小影响到软件的正常使用,如下图: 解决办法: (1)选中显示不正常 ...
最新文章
- 技巧|利用 Python 实现多任务进程
- 自动回复_小程序消息自动回复
- 6的变换_FPGA时序结构的LBT变换控制器设计
- 达梦数据库操作记录_达梦数据库常用功能及命令记录 -- 持续更新
- python语言入门pdf-python语言入门
- RabbitMq、ActiveMq、ZeroMq、kafka之间的比较,资料汇总
- pythonunicode和str_Python中的str与unicode处理方法
- python length从哪个包引入_python collections包
- python怎么打印图片_Python打印图片
- 制作LINUX安装DEB,脚本中的函数报错怎么办?
- 质量小的夸克之间,如何互换质量大的胶子
- 清华大学计算机与科学系张荷花简历,清华大学软件学院
- 《开店有讲究》读书笔记
- 这些行业高薪职位最多
- 生命的枯榮竟是如此慘厲
- 【android】喜马拉雅FM sdk使用
- R语言风险价值VaR(Value at Risk)和ES 的估计
- P315 GCD等于XOR UVa12176 “不难发现”的解释 以及完整推导过程
- 中一级计算机word2010测试题,中一级计算机WORD2010测试题(经修改)
- IT实施计划实战经验分享:避免失败