关于桌面程序嵌入网页UI端避坑的小提醒——.net+Miniblink实战避坑
1、网页显示区边框问题
这两天稍微改进了一下我学明白类这个东西之前的屎山代码,把又臭又长还卡的GDI+图片滚动栏删掉了,用上了基于Miniblink的库做滚动栏。好不容易搓好了滚动栏代码,上传到服务器,在Chrome浏览还算比较正常,但是一到生产环境上测试就出现了诸如此类的边框和滚动条。
一开始以为是网页上的尺寸写错了,结果改了半天尺寸,还是有边框出现。于是我又开始怀疑Miniblink的问题,但是浏览Miniblink的官网的时候,是没有这个白边的!最后终于摸到网页样式这个罪魁祸首——body元素默认样式就是有边框的。最后只加上了一点代码就解决了:
<body style="overflow:hidden;margin:0;padding:0;">
2、鼠标操作影响观感
测试了之后偶然发现,鼠标右键居然可以直接将滚动栏的图片提取出来,这对于一个桌面端应用来说应该是不允许的,于是乎我给网页加了一点脚本(基于jQ,并且还顺手连带禁止了文本复制):
//禁止对图片操作 $("img").on("contextmenu",function(){return false;}); $("img").on("dragstart",function(){return false;}); //禁止文本操作 $(document).bind("contextmenu copy selectstart", function() { return false; });
这次的改用Web UI让我觉得发现问题还是应该多多发散下思维,多去找找原因才能更好解决问题。只是个随笔而已,差不多就这样啦~