javascript - 使用 javascript 从共享 iCloud 获取数据-6ren

javascript - 使用 javascript 从共享 iCloud 获取数据

转载作者：行者123 更新时间：2023-12-03 11:21:20

Iv 启动了一个项目，使用 javascript 从 ical 获取数据，然后将其解析为列表中的显示，但是提供的代码不起作用，我没有显示任何数据。我对 javascript 一无所知，这让我不知道下一步该做什么。任何帮助使这项工作正常进行将不胜感激。

运行时基本上没有显示任何内容，我不确定从哪里开始尝试调试这个如何检查数据是否被调用？

我正在处理三个文件。

日历.php

<?php
    $url = 'https://p01-calendarws.icloud.com/ca/subscribe/1/n6x7Farxpt7m9S8bHg1TGArSj7J6kanm_2KEoJPL5YIAk3y70FpRo4GyWwO-6QfHSY5mXtHcRGVxYZUf7U3HPDOTG5x0qYnno1Zr_VuKH2M';
    echo file_get_contents($url);

索引.php

<html>
<head>
    <title>Magic Mirror</title>
    <style type="text/css">
        <?php include('css/main.css') ?>
    </style>
    <link rel="stylesheet" type="text/css" href="css/weather-icons.css">
    <script type="text/javascript">
        var gitHash = '<?php echo trim(`git rev-parse HEAD`) ?>';
    </script>
    <meta name="google" value="notranslate" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
</head>
<body>

    <div class="top left"><div class="date small dimmed"></div><div class="time"></div><div class="calendar xxsmall"></div></div>
    <div class="top right"><div class="windsun small dimmed"></div><div class="temp"></div><div class="forecast small dimmed"></div></div>
    <div class="center-ver center-hor"><div class="dishwasher light">Vaatwasser is klaar!</div></div>
    <div class="lower-third center-hor"><div class="compliment light"></div></div>
    <div class="bottom center-hor"><div class="news medium"></div></div>

</div>

<script src="js/jquery.js"></script>
<script src="js/jquery.feedToJSON.js"></script>
<script src="js/ical_parser.js"></script>
<script src="js/moment-with-langs.min.js"></script>
<script src="js/config.js"></script>
<script src="js/rrule.js"></script>
<script src="js/main.js?nocache=<?php echo md5(microtime()) ?>"></script>
<script src="js/socket.io.min.js"></script>

</body>
</html>

ical_parser.js

/** 
 * Javascript ical Parser
 * Proof of concept method of reading icalendar (.ics) files with javascript.
 *
 * @author: Carl Saggs
 * @source: https://github.com/thybag/
 * @version: 0.2
 */
function ical_parser(feed_url, callback){
    //store of unproccesed data.
    this.raw_data = null;
    //Store of proccessed data.
    this.events = [];

    /**
     * loadFile
     * Using AJAX to load the requested .ics file, passing it to the callback when completed.
     * @param url URL of .ics file
     * @param callback Function to call on completion.
     */
    this.loadFile = function(url, callback){
        //Create request object
        try {xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP");}  catch (e) { }
        //Grab file
        xmlhttp.onreadystatechange = function(){
            if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
                //On success, run callback.
                callback(xmlhttp.responseText);
            }
        }
        xmlhttp.open("GET", url, true);
        xmlhttp.send(null);
    }

    /**
     * makeDate
     * Convert the dateformat used by ICalendar in to one more suitable for javascript.
     * @param String ical_date 
     * @return dt object, includes javascript Date + day name, hour/minutes/day/month/year etc.
     */
    this.makeDate = function(ical_date){
        //break date apart
                var dtutc =  {
            year: ical_date.substr(0,4),
            month: ical_date.substr(4,2),
            day: ical_date.substr(6,2),
            hour: ical_date.substr(9,2),
            minute: ical_date.substr(11,2)
        }
        //Create JS date (months start at 0 in JS - don't ask)
                var utcdatems = Date.UTC(dtutc.year, (dtutc.month-1), dtutc.day, dtutc.hour, dtutc.minute);
                var dt = {};
                dt.date = new Date(utcdatems);

                dt.year = dt.date.getFullYear();
                dt.month = ('0' + (dt.date.getMonth()+1)).slice(-2);
                dt.day = ('0' + dt.date.getDate()).slice(-2);
                dt.hour = ('0' + dt.date.getHours()).slice(-2);
                dt.minute = ('0' + dt.date.getMinutes()).slice(-2);

        //Get the full name of the given day
        dt.dayname =["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][dt.date.getDay()];
                dt.monthname = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ][dt.date.getMonth()] ;

        return dt;
    }

    /**
     * parseICAL
     * Convert the ICAL format in to a number of javascript objects (Each representing a date)
     *
     * @param data Raw ICAL data
     */
    this.parseICAL = function(data){
        //Ensure cal is empty
        this.events = [];

        //Clean string and split the file so we can handle it (line by line)
        cal_array = data.replace(new RegExp( "\\r", "g" ), "").replace(/\n /g,"").split("\n");

        //Keep track of when we are activly parsing an event
        var in_event = false;
        //Use as a holder for the current event being proccessed.
        var cur_event = null;
        for(var i=0;i<cal_array.length;i++){
            ln = cal_array[i];
            //If we encounted a new Event, create a blank event object + set in event options.
            if(!in_event && ln == 'BEGIN:VEVENT'){
                in_event = true;
                cur_event = {};
            }
            //If we encounter end event, complete the object and add it to our events array then clear it for reuse.
                        if(in_event && ln == 'END:VEVENT'){
                in_event = false;
                this.events.push(cur_event);
                cur_event = null;
            }
            //If we are in an event
                        else if(in_event){
                                //var lntrim = ln.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
                                //var lnsplit = lntrim.split(':');
                                //type = lnsplit[0];
                                //val = lnsplit[1];

                //Split the item based on the first ":"
                idx = ln.indexOf(':');
                //Apply trimming to values to reduce risks of badly formatted ical files.
                type = ln.substr(0,idx).replace(/^\s\s*/, '').replace(/\s\s*$/, '');//Trim
                val = ln.substr(idx+1).replace(/^\s\s*/, '').replace(/\s\s*$/, '');

                //If the type is a start date, proccess it and store details
                if(type =='DTSTART'){
                    dt = this.makeDate(val);
                    val = dt.date;
                    //These are helpful for display
                    cur_event.start_time = dt.hour+':'+dt.minute;
                    cur_event.start_date = dt.day+'/'+dt.month+'/'+dt.year;
                    cur_event.day = dt.dayname;
                                        cur_event.start_date_long = dt.day+'. '+dt.monthname+' '+dt.year ;
                }
                //If the type is an end date, do the same as above
                                else if(type =='DTEND'){
                    dt = this.makeDate(val);
                    val = dt.date;
                    //These are helpful for display
                    cur_event.end_time = dt.hour+':'+dt.minute;
                    cur_event.end_date = dt.day+'/'+dt.month+'/'+dt.year;
                    cur_event.day = dt.dayname;
                }
                //Convert timestamp
                                else if(type =='DTSTAMP'){ 
                                        val = this.makeDate(val).date;
                                }
                                else {
                                    val = val
                                        .replace(/\\r\\n/g,'<br />')
                                        .replace(/\\n/g,'<br />')
                                        .replace(/\\,/g,',');
                                }

                //Add the value to our event object.
                cur_event[type] = val;
            }
        }
        //Run this to finish proccessing our Events.
        this.complete();
    }
    /**
     * complete
     * Sort all events in to a sensible order and run the original callback
     */
    this.complete = function(){
        //Sort the data so its in date order.
        this.events.sort(function(a,b){
            return a.DTSTART-b.DTSTART;
        });
        //Run callback method, if was defined. (return self)
        if(typeof callback == 'function') callback(this);
    }
    /**
     * getEvents
     * return all events found in the ical file.
     *
     * @return list of events objects
     */
    this.getEvents = function(){
        return this.events;
    }

    /**
     * getFutureEvents
     * return all events sheduled to take place after the current date.
     *
     * @return list of events objects
     */
    this.getFutureEvents = function(){
        var future_events = [], current_date = new Date();

        this.events.forEach(function(itm){
            //If the event ends after the current time, add it to the array to return.
            if(itm.DTEND > current_date) future_events.push(itm);
        });
        return future_events;
    }

    /**
     * getPastEvents
     * return all events sheduled to take place before the current date.
     *
     * @return list of events objects
     */
    this.getPastEvents = function(){
        var past_events = [], current_date = new Date();

        this.events.forEach(function(itm){
            //If the event ended before the current time, add it to the array to return.
            if(itm.DTEND <= current_date) past_events.push(itm);
        });
        return past_events.reverse();
    }

    /**
     * load
     * load a new ICAL file.
     *
     * @param ical file url
     */
    this.load = function(ical_file){
        var tmp_this = this;
        this.raw_data = null;
        this.loadFile(ical_file, function(data){
            //if the file loads, store the data and invoke the parser
            tmp_this.raw_data = data;
            tmp_this.parseICAL(data);
        });
    }

    //Store this so we can use it in the callback from the load function.
    var tmp_this = this;
    //Store the feed url
    this.feed_url = feed_url;
    //Load the file
    this.load(this.feed_url);
}

最佳答案

仅供引用，我解决了这个魔镜问题:http://michaelteeuw.nl/post/103473463837/fixing-the-magic-mirror-calendar

关于javascript - 使用 javascript 从共享 iCloud 获取数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27101181/

文章推荐： php - SVG 到 CDR 转换器

文章推荐： php - 使用自己的 API 时防止无限 AJAX 循环

c# - 是否可以使用 .Net 框架以编程方式记录对 Windows 共享(SMB 共享)的访问？
只是想知道是否有可能找出谁从 Windows 共享中读取了文件(最好使用 .NET，但 win32 native 可以)？我想做的是创建类似 awstats 的东西对于 Windows 共享，这样我
Android - 共享
是否可以列出 Intent.ACTION_SEND ？我的意思是我需要知道是否有人通过 action_send 在 Facebook 上分享或在 Twitter 上发推文。最佳答案也许你想要一个更
java - 谷歌日历(共享)
我正在使用 Google Apps 应用程序。实际上，我想在不使用密码的情况下访问另一个 ID。我使用了 OAuth，它运行良好。但我无法分享特定人的日历。我尝试了以下代码。 GoogleOAuthP
iphone - 共享 MACintosh？
我怎样才能只创建模拟器...可能吗？我知道，设备需要分发证书。最佳答案您只需将应用程序目录从 iPhone 模拟器复制到另一个实例/操作系统版本，它就应该可以工作。因此，如果您想分发 3.1.3
maven - Docker多阶段构建和上一阶段的安装/共享
我想使用多阶段构建来避免每次构建应用程序时都下载我的 Java 项目所需的所有 Maven 依赖项。我正在考虑在第一阶段解决 Maven 依赖项，然后在第二阶段构建应用程序，这将需要访问在前一阶段下
ios - 如何保护本地资源免遭未经授权的传输(共享)
我正在寻找保护用户下载内容的初步想法。用户下载充满有趣资源的 zip 文件，这些资源被提取到本地文件系统中以供应用程序使用。我的目标是防止用户通过互联网将下载的资源共享给其他用户(假设他们获得了对文件
桌面和移动网站应用程序之间的 session 共享？
我想知道在具有移动和桌面版本的网站上共享身份验证、 session 管理等的最佳方法是什么。我们正在运行 Tomcat，并且更愿意将移动站点和桌面站点的应用程序保持在不同的节点上。我看过类似的帖子，
c++ - (共享)指向单例的指针
我发现了这个单例的实现。我怎样才能创建指向它的指针或共享指针？` 为什么这不起作用？自动测试 = Singleton::Instance(); class Singleton { public: st
virtualenv - 共享 Virtualenv 环境定义
我有一个 heroku 项目，我想与其他人分享。作为the instructions describe ，我使用 virtualenv 来管理环境和依赖项。有没有办法在新机器上从 requiremen
maven - 共享 Maven 本地仓库
Maven 将所有 jar 存储在本地存储库 ~/.m2/repository/ 下。用户多时占用空间大。那么，是否可以由多个用户共享这个本地存储库，或许在不同的目录结构下？最佳答案简单的回答
javascript - 共享 worker 在重新加载页面时终止
为什么共享 worker 在重新加载页面时死了？应该是复活了我该如何解决这个问题？重装前重新加载后(在example.com上按F5) parent worker var port = new S
多个应用程序中的 Angular 共享 Assets
我正在开发多个小型应用程序，这些应用程序将共享通用和共享模块和 Assets 。关于如何创建项目结构的部分在这里回答:https://stackoverflow.com/a/61254557/135
jenkins - 如何从另一台计算机访问/共享 Jenkins？
我在 RHEL 上安装了 jenkins (localhost:8080)，我能够成功地构建代码现在，我想设置主/从代理。我的笔记本电脑将充当“Master Jenkins”，而我同事的笔记本电脑
Android 共享 Intent EXTRA_STREAM
我有这种方法可以根据我使用的 EXTRA_STREAM 共享文本文件或图片。我有这两个我可以选择 i.putExtra(Intent.EXTRA_STREAM, uri); i.putExtra(In
r - 共享 Bookdown 书而不公开
我正在使用 R 中的一个数据分析项目，我正在使用 R 中的敏感私有(private)数据进行一些逻辑和多级建模。我爱上了。预订包，我已经创建了一本关于我们的工作流程和分析管道的相当广泛的书。问题是
iPhone 工具栏由多个 View 共享
我正在构建的应用程序需要在 UITabBarController 框架内为多个 View (及其 subview )显示共享的自定义 UIToolbar。自定义工具栏的内容在所有 View 中都是相同
javascript - 共享 eslint 配置找不到节点模块
我有多个应用程序，我想共享相同的 eslint 配置: - project_root/ - app1/ - node_modules/ - eslint.rc
electron - 共享 Electron 主过程
我有多个 Electron 应用程序。一个是主应用程序，其他几个功能应用程序。主应用程序上的按钮很少，这将导致功能应用程序打开。这里的问题是每个应用程序都有一个主进程，该进程导致要利用更多的CPU。是
javascript - 共享 SockJS 连接
我正在开发一个 Node.js 后端，它通过 websocket 与一些桌面客户端进行通信，而服务器端的通信是从 Web 前端发起的。一切正常，因为我将 SockJS Connection 实例存储在
ssh - 共享 SSH key
我对托管多个网站的服务器上的多个用户帐户使用私有(private) SSH key 和无密码条目。我为每个用户帐户使用相同的私钥。 (因为我很懒？或者那是“正确”的方式)。我现在想授权该国不同地区

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 使用 javascript 从共享 iCloud 获取数据