css 采集下载

软件应用范围: 看到喜欢的网页,另存为的话,并不能直接保存css中引用的图片。 那么就有了本软件的用武之地。 
亮点:自动匹配文件内的相对路径、css内图片地址值md5保存,用来避免不同文件夹同名文件的重复尴尬。
?1. [代码]AAuto 代码    
import win.ui;
import inet.url;
import inet.whttp
import string.md5;
import web.form;
import fsys;
import win.ui.statusbar;
/*DSG{{*/
winform = ..win.form( right=587;bottom=400;max=false;text="CSS采集精灵";border="dialog frame";parent=...)
winform.add( 
btnDown={ bottom=71;text="下载";left=492;top=12;z=4;right=580;cls="button" };
richedit={ vscroll=1;right=580;left=8;multiline=1;top=80;z=3;bottom=372;edge=1;cls="richedit" };
groupbox={ bottom=67;right=482;left=7;top=7;z=1;text="CSS HTTP网址";edge=1;cls="groupbox" };
cssUrl={ bottom=55;right=471;left=14;top=26;z=2;edge=1;cls="edit" }
)
/*}}*/
 
status = win.ui.statusbar(winform);
status.addItem(" AAuto 感谢有你,新年快乐!",280);
status.addItem(" Author:时代网络。QQ:87059222 ");
 
// 赋值测试css地址
winform.cssUrl.text = "http://www.aau.cn/data/cache/style_1_common.css?U0g";
 
winform.btnDown.oncommand = function(id,event){
    if(winform.cssUrl.text == ""){
        winform.msgbox("CSS文件地址不能为空!","CSS采集精灵");
            return ; 
    }
    var cssFile = winform.cssUrl.text;
    var tCssPath = io.splitpath(cssFile);
     
    //获取当前时间
    t_now=..time.now();
    t_now.format=" %Y年%m月%d日 %H-%M-%S";
    t_now = tostring(t_now);
    var cssFolder = string.replace(tCssPath.name,"[&%?]","_") + t_now;
    if(!io.exist("/data/" + cssFolder) ){
        fsys.createDir("/data/" + cssFolder)
    }
 
    var whttp = inet.whttp();
    cssContent,errmsg = whttp.get(cssFile);
    if(errmsg != null){
        winform.msgbox("CSS文件下载出现错误," + errmsg + "!","CSS采集精灵");
        return ; 
    }
    if (cssContent==null){
        winform.msgbox("CSS文件内容为空或者下载异常!","CSS采集精灵");
        return ; 
    }
    var regexExpression = "url\((.*?)\)";
    for strGmatchResult in string.gmatch( cssContent, regexExpression ){
        if(string.find(strGmatchResult,‘data:image‘) || strGmatchResult==‘about:blank‘){
            //暂不处理      http://www.huiyi8.com/clxgt/?
        } else {窗帘效果图
            strGmatchResult =  string.replace(strGmatchResult,"""","");
            // 处理相对路径图片网址
            imghttpFile =  inet.url.joinpath(cssFile,strGmatchResult);
            // 将图片网址md5处理,防止重复下载以及文件同名不同参下载覆盖冲突,用md5取值都是唯一了。
            strGmatchResultMD5 = string.md5(imghttpFile,true); 
             
            // http://hi.bdimg.com/static/qhome/css/home/n0001/home_datauri.css?v=bbdea37b.css
            // 针对css内 带参数图片文件,分离出真是后缀名。有更好的写法请指点哦
            // 如 "tpl_n0001_theme_001_background.jpg?v=30ab89f5.gif";
            var tpath = io.splitpath(strGmatchResult);
            var file = tpath.file;
            if(string.find(file,"?")){
                ext = io.splitpath(string.split(file,‘?‘)[1]).ext;
            }else {
                ext = tpath.ext;
            }
 
            var saveCssImgFileName = strGmatchResultMD5 + ext;
            cssContent = string.replace(cssContent,‘<@‘+strGmatchResult+‘@>‘,saveCssImgFileName);
            // 根据md5文件名判断没下载过才下载
            if (!io.exist("/data/" + cssFolder + "/" + saveCssImgFileName)) {
                winform.richedit.appendText(imghttpFile + " ||| " + saveCssImgFileName + ‘\r\n\r‘);
                imgData,errmsg = whttp.get(imghttpFile);
                if(errmsg == null){
                    string.save("/data/" + cssFolder + "/" + saveCssImgFileName ,imgData);
                }else{
                    winform.richedit.appendText(imghttpFile + " ||| 错误:" + errmsg + ‘\r\n\r‘);
                }
                win.delay(100);
            }
        }
    }
    string.save("/data/" + cssFolder + "/" + cssFolder + ".css" ,cssContent);
    winform.richedit.appendText("CSS及图片下载成功,感谢使用!" + ‘\r\n‘);
}
 
winform.show() 
win.loopMessage(); 
?

css 采集下载

时间: 2024-10-11 01:04:52

css 采集下载的相关文章

CSS Spritec下载,精灵图,雪碧图,初探之原理、使用

CSS Spritec下载,精灵图,雪碧图,初探之原理.使用 关于CSS Sprite CSSSprites在国内很多人叫css精灵雪碧图,是一种网页图片应用处理方式.它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了.对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题. 加速的关键,不是降低重量,而是减少个数.传统切图讲究精细,图片规格越小越好,重量越小越

css基础 下载 normalize.css

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜. 网址链接:http://necolas.github.io/normalize.css/ 网页截图 在下载页面,右键 另存为... 扩展 它属于初始化的css文件,应该最先引入. 问一个问题:如果想下载 5.0.0版本的文件,应该怎么办?你是网站的管理人员,你会如何去管理网站的文件... 原文地址:https://www.cnblog

PHP多线程批量采集下载美女图片的实现代码

使用curl的多线程,另外curl可以设置请求时间,遇到很慢的url资源,可以果断的放弃,这样没有阻塞,另外有多线程请求,效率应该比较高 下面是代码实现 /** * curl 多线程 * @author http://www.lai18.com * @param array $array 并行网址 * @param int $timeout 超时时间 * @return mix */ public function Curl_http($array,$timeout='15'){ $res =

sublime格式化css代码插件:css format

有时会从网上下载一些css压缩文件,打开后所有代码都在一行,不利于阅读,通过css format插件,能快速展开代码,方便阅读. 参考:Sublime Text 上最好用的 CSS 格式化插件 —— CSS Format css format 下载:https://github.com/mutian/Sublime-CSS-Format, 下载后解压到sublime Packages目录下,菜单栏preference-->Brower Packages 安装css format插件后,选择代码,

[转载]网站前端性能优化之javascript和css——网站性能优化

之前看过Yahoo团队写的一篇关于网站性能优化的文章,文章是2010年左右写的,虽然有点老,但是很多方面还是很有借鉴意义的.关于css的性能优化,他提到了如下几点: CSS性能优化 1.把样式表置于顶部 现把样式表放到文档的< head />内部似乎会加快页面的下载速度.这是因为把样式表放到< head />内会使页面有步骤的加载显示. 注重性能的前端服务器往往希望页面有秩序地加载.同时,我们也希望浏览器把已经接收到内容尽可能显示出来.这对于拥有较多内容的页面和网速较慢的用户来说特

基于web的kafka监控工具KafkaOffsetMonitor(内部js和css已经本地化)

KafkaOffsetMonitor是不错的kafka监控的web工具,官方提供的版本需要在线下载js和css,其中angulajs的下载不了,在不联网的内部环境下不能正常使用,所以本人将其所有到的js和css单独下载整到当前这个jar包中,下载在内部环境可以直接使用,请移步到此链接下载: http://download.csdn.net/download/changong28/7930337

CSS阻塞与JS阻塞

JS阻塞 所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等.直到JS下载.解析.执行完毕后才开始继续并行下载其他资源并呈现内容.为了提高用户体验,新一代浏览器都支持并行下载JS,但是JS下载仍然会阻塞其它资源的下载(例如.图片,css文件等). 由于浏览器为了防止出现JS修改DOM树,需要重新构建DOM树的情况,所以就会阻塞其他的下载和呈现. 嵌入JS会阻塞所有内容的呈现,而外部JS只会阻塞其后内容的显示, 2种方式都会阻塞其后资源的下载.也就是说外部样式不会阻

原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的

hello~各位亲爱的看官老爷们大家好.估计大家都听过,尽量将CSS放头部,JS放底部,这样可以提高页面的性能.然而,为什么呢?大家有考虑过么?很长一段时间,我都是知其然而不知其所以然,强行背下来应付考核当然可以,但实际应用中必然一塌糊涂.因此洗(wang)心(yang)革(bu)面(lao),小结一下最近玩出来的成果. 友情提示,本文也是小白向为主,如果直接想看结论可以拉到最下面看的~ 由于关系到文件的读取,那是肯定需要服务器的,我会把全部的文件放在github上,给我点个 star 我会开心

css+javascript网页抖动图标、抖动制作教程,输入抖动命令js执行命令让网页抖动起来(详细版)

首先我想说关于网页中做css抖动不难,用js命令也不难,下面我将为大家详细介绍具体做法. 一.我们要先有个网页代码的基本架构,比如 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>抖动网页的基本框架</title> </head> <body> <div> <h1