Spectate

[CuCN]

Spectate mode is located at http://elementsthegame.com/spectate.html. It has been broken since the 1.32 update. However, everything still works; the problem is that some files were moved, and the spectate flash is still pointing at the old locations.

When the PvP servers were down last year, serprex posted this topic about using Fiddler to redirect the PvP to a working server. I used Fiddler to connect the spectate flash to the correct locations for the files. Serprex has added the fix to the script linked in that topic, so you can follow the instructions there instead.

Spoiler for Instructions for doing the fix separately:

Add this to the "onBeforeRequest" section of the Fiddler rules:

Code: [Select]

        if(oSession.url.Contains("elementsthegame")){
            if(oSession.url.Contains("decks6")){
                oSession["ui-backcolor"] = "LimeGreen";
                oSession.url=oSession.url.replace(/decks6/,"e/decks6");
            }
            if(oSession.url.Contains("spectate")){
                oSession["ui-backcolor"] = "LimeGreen";
                oSession.url=oSession.url.replace(/.org\/spectate/,".com/e/spectate");
            }
        }
That goes right under these lines in the Fiddler rules:

Code: [Select]

        if (m_AlwaysFresh && (oSession.oRequest.headers.Exists("If-Modified-Since") || oSession.oRequest.headers.Exists("If-None-Match")))
        {
            oSession.utilCreateResponseAndBypassServer();
            oSession.responseCode = 304;
            oSession["ui-backcolor"] = "Lavender";
        }
This addition redirects the requests for the old locations to the new locations (and also highlights them green in Fiddler's window). Then, with Fiddler running, the spectate page works as it did before (namely, failing to display anything that's newer than 1.284).

[entropystarrover]

hm...it froze on loading screen

[ddevans96]

Going to add the process I used to hopefully add a bit of clarity and ease to the process for others:

1) Download Fiddler here and launch it.
2) In Fiddler, press Ctrl+R to give a prompt to download CustomRules. Once downloaded, press Ctrl+R again to open CustomRules in Notepad.
3) Clear CustomRules entirely. Copy the code from serprex's github here and paste it into the empty CustomRules.
4) Press Ctrl+F in CustomRules and insert Lavender into the Find box, then hit Find Next. If a notice comes up, change the direction and Find Next again.
5) The two lines below Lavender each have one bracket. Copy the first section of code in CuCN's OP and paste it on a separate line between the brackets.

[majofa]

...or just paste this and no finding and inserting will be necessary?

Spoiler for Hidden:

Code: [Select]

import System;
import System.Windows.Forms;
import Fiddler;
import System.Text.RegularExpressions;
// Be sure to save this file with UTF-8 Encoding if using any non-ASCII characters
// JScript.NET Reference http://fiddler2.com/r/?msdnjsnet
// FiddlerScript Editor http://fiddler2.com/fiddlerscript-editor

class Handlers
{
    static function OnBeforeRequest(oSession: Session) {
        // Sample Rule: Break requests for URLs containing "/sandbox/"
        // if (oSession.uriContains("/sandbox/")) {
        //     oSession.oFlags["x-breakrequest"] = "yup"; // Existence of the x-breakrequest flag creates a breakpoint; the "yup" value is unimportant.
        // }

        var match : Match = Regex.Match(oSession.PathAndQuery,
            "^/e/(rpvp2|kill|slaveduel|insertduel|insertslave|writemaster|writeslave|writemastermsg|writeslavemsg|readrpvp2)\\.php");
        if (oSession.HostnameIs("www.elementsthegame.com") && match.Success) {
            var tgt : String = match.Value.Substring(3, match.Value.Length-7);
            /* Unimplemented:
                slave       essentially insertslave for pvp
                insertpvp   insertpvp2 for pvp
            */
            var whitelist : RegExp =
                tgt == "rpvp2" ? /^(id|user)$/ :
                tgt == "kill" ? /^user$/ :
                tgt == "slaveduel" ? /^user$/ :
                tgt == "insertduel" ? /^(user|seed|masterdeck|masterelement|masterscore|masterwon|masterlost|op)$/ :
                tgt == "insertslave" ? /^(id|user|slavedeck|slaveelement|slavescore|slavewon|slavelost|statu)$/ :
                tgt == "writemaster" ? /^(id|masterctrl|mastermsg|statu)$/ :
                tgt == "writeslave" ? /^(id|slavectrl|slavemsg|statu)$/ :
                tgt == "writemastermsg" ? /^(id|mastermsg)$/ :
                tgt == "writeslavemsg" ? /^(id|slavemsg)$/ :
                tgt == "readrpvp2" ? /^id$/ : /^$/;
            var isPost : boolean = oSession.HTTPMethodIs("POST");
            var body : String, qidx : int;
            if (isPost){
                oSession.utilDecodeRequest();
                body = System.Text.Encoding.UTF8.GetString(oSession.requestBodyBytes);
                qidx = 0;
            }else{
                body = oSession.PathAndQuery;
                qidx = body.IndexOf("?")+1;
                if (qidx == 0) qidx = body.Length;
            }
            while (qidx != body.Length) {
                var newqidx = body.IndexOf('&', qidx)+1;
                if (newqidx == 0) newqidx = body.Length;
                var eidx = body.IndexOf('=', qidx);
                if (eidx !=-1 && eidx < newqidx && !whitelist.test(body.Substring(qidx, eidx-qidx))){
                    body = body.Remove(qidx, newqidx-qidx);
                    if (qidx == body.Length){
                        body = body.Remove(body.Length-1, 1);
                        break;
                    }
                }else{
                    qidx = newqidx;
                }
            }
            if (m_useProxy){
                //oSession.hostname="192.168.1.2";
                //oSession.hostname="elementsthegame.info";
                oSession.hostname="elementsthegame.cloudapp.net";
            }
            if (isPost){
                oSession.utilSetRequestBody(body);
            }else{
                oSession.PathAndQuery = body;
            }
            oSession["ui-backcolor"] = "lime";
        }

        if ((null != gs_ReplaceToken) && (oSession.url.indexOf(gs_ReplaceToken)>-1)) {   // Case sensitive
            oSession.url = oSession.url.Replace(gs_ReplaceToken, gs_ReplaceTokenWith);
        }
        if ((null != gs_OverridenHost) && (oSession.host.toLowerCase() == gs_OverridenHost)) {
            oSession["x-overridehost"] = gs_OverrideHostWith;
        }

        if ((null!=bpRequestURI) && oSession.uriContains(bpRequestURI)) {
            oSession["x-breakrequest"]="uri";
        }

        if ((null!=bpMethod) && (oSession.HTTPMethodIs(bpMethod))) {
            oSession["x-breakrequest"]="method";
        }

        if ((null!=uiBoldURI) && oSession.uriContains(uiBoldURI)) {
            oSession["ui-bold"]="QuickExec";
        }

        if (m_SimulateModem) {
            // Delay sends by 300ms per KB uploaded.
            oSession["request-trickle-delay"] = "300";
            // Delay receives by 150ms per KB downloaded.
            oSession["response-trickle-delay"] = "150";
        }

        if (m_DisableCaching) {
            oSession.oRequest.headers.Remove("If-None-Match");
            oSession.oRequest.headers.Remove("If-Modified-Since");
            oSession.oRequest["Pragma"] = "no-cache";
        }

        // User-Agent Overrides
        if (null != sUA) {
            oSession.oRequest["User-Agent"] = sUA;
        }

        if (m_AlwaysFresh && (oSession.oRequest.headers.Exists("If-Modified-Since") || oSession.oRequest.headers.Exists("If-None-Match")))
        {
            oSession.utilCreateResponseAndBypassServer();
            oSession.responseCode = 304;
            oSession["ui-backcolor"] = "Lavender";
        }
        if(oSession.url.Contains("elementsthegame")){
            if(oSession.url.Contains("decks6")){
                oSession["ui-backcolor"] = "LimeGreen";
                oSession.url=oSession.url.replace(/decks6/,"e/decks6");
            }
            if(oSession.url.Contains("spectate")){
                oSession["ui-backcolor"] = "LimeGreen";
                oSession.url=oSession.url.replace(/.org\/spectate/,".com/e/spectate");
            }
        }
     }
    // Cause Fiddler to delay HTTP traffic to simulate typical 56k modem conditions
    public static RulesOption("Redirect to Elements The Proxy")
    var m_useProxy: boolean = true;

    public static RulesOption("Hide 304s")
    BindPref("fiddlerscript.rules.Hide304s")
    var m_Hide304s: boolean = false;

    // Cause Fiddler to override the User-Agent header with one of the defined values
    RulesString("&User-Agents", true)
    BindPref("fiddlerscript.ephemeral.UserAgentString")
    RulesStringValue(0,"Netscape &3", "Mozilla/3.0 (Win95; I)")
    RulesStringValue(1,"WinPhone7", "Mozilla/4.0 (compatible: MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0; SAMSUNG; SGH-i917)")
    RulesStringValue(2,"WinPhone8.1", "Mozilla/5.0 (Mobile; Windows Phone 8.1; Android 4.0; ARM; Trident/7.0; Touch; rv:11.0; IEMobile/11.0; NOKIA; Lumia 520) like iPhone OS 7_0_3 Mac OS X AppleWebKit/537 (KHTML, like Gecko) Mobile Safari/537")
    RulesStringValue(3,"&Safari5 (Win7)", "Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1")
    RulesStringValue(4,"Safari7 (Mac)", "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9) AppleWebKit/537.71 (KHTML, like Gecko) Version/7.0 Safari/537.71")
    RulesStringValue(5,"iPad", "Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A403 Safari/8536.25")
    RulesStringValue(6,"iPhone6", "Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A405 Safari/8536.25")
    RulesStringValue(7,"IE &6 (XPSP2)", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)")
    RulesStringValue(8,"IE &7 (Vista)", "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1)")
    RulesStringValue(9,"IE 8 (Win2k3 x64)", "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; WOW64; Trident/4.0)")
    RulesStringValue(10,"IE &8 (Win7)", "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)")
    RulesStringValue(11,"IE 9 (Win7)", "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)")
    RulesStringValue(12,"IE 10 (Win8)", "Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)")
    RulesStringValue(13,"IE 11 (Surface2)", "Mozilla/5.0 (Windows NT 6.3; ARM; Trident/7.0; Touch; rv:11.0) like Gecko")
    RulesStringValue(14,"IE 11 (Win8.1)", "Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; rv:11.0) like Gecko")
    RulesStringValue(15,"&Opera", "Opera/9.80 (Windows NT 6.2; WOW64) Presto/2.12.388 Version/12.17")
    RulesStringValue(16,"&Firefox 3.6", "Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.7) Gecko/20100625 Firefox/3.6.7")
    RulesStringValue(17,"&Firefox 31", "Mozilla/5.0 (Windows NT 6.3; WOW64; rv:31.0) Gecko/20100101 Firefox/31.0")
    RulesStringValue(18,"&Firefox Phone", "Mozilla/5.0 (Mobile; rv:18.0) Gecko/18.0 Firefox/18.0")
    RulesStringValue(19,"&Firefox (Mac)", "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:24.0) Gecko/20100101 Firefox/24.0")
    RulesStringValue(20,"Chrome", "Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.44 Safari/537.36")
    RulesStringValue(21,"ChromeBook", "Mozilla/5.0 (X11; CrOS armv7l 2913.260.0) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.99 Safari/537.11")
    RulesStringValue(22,"GoogleBot Crawler", "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)")
    RulesStringValue(23,"Kindle Fire (Silk)", "Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_3; en-us; Silk/1.0.22.79_10013310) AppleWebKit/533.16 (KHTML, like Gecko) Version/5.0 Safari/533.16 Silk-Accelerated=true")
    RulesStringValue(24,"&Custom...", "%CUSTOM%")
    public static var sUA: String = null;

    // Cause Fiddler to delay HTTP traffic to simulate typical 56k modem conditions
    public static RulesOption("Simulate &Modem Speeds", "Per&formance")
    var m_SimulateModem: boolean = false;

    // Removes HTTP-caching related headers and specifies "no-cache" on requests and responses
    public static RulesOption("&Disable Caching", "Per&formance")
    var m_DisableCaching: boolean = false;

    public static RulesOption("Cache Always &Fresh", "Per&formance")
    var m_AlwaysFresh: boolean = false;

    // Force a manual reload of the script file.  Resets all
    // RulesOption variables to their defaults.
    public static ToolsAction("Reset Script")
    function DoManualReload() {
        FiddlerObject.ReloadScript();
    }

    public static ContextAction("Decode Selected Sessions")
    function DoRemoveEncoding(oSessions: Session[]) {
        for (var x:int = 0; x < oSessions.Length; x++){
            oSessions[x].utilDecodeRequest();
            oSessions[x].utilDecodeResponse();
        }
        UI.actUpdateInspector(true,true);
    }

    static function OnShutdown() {
        // MessageBox.Show("Fiddler has shutdown");
    }

    static function OnAttach() {
        // MessageBox.Show("Fiddler is now the system proxy");
    }

    static function OnDetach() {
        // MessageBox.Show("Fiddler is no longer the system proxy");
    }

    // This function is called immediately after a set of request headers has
    // been read from the client. This is typically too early to do much useful
    // work, since the body hasn't yet been read, but sometimes it may be useful.
    //
    // For instance, see
    // http://blogs.msdn.com/b/fiddler/archive/2011/11/05/http-expect-continue-delays-transmitting-post-bodies-by-up-to-350-milliseconds.aspx
    // for one useful thing you can do with this handler.
    //
    // Note: oSession.requestBodyBytes is not available within this function!
/*
    static function OnPeekAtRequestHeaders(oSession: Session) {
    }
*/

    //
    // If a given session has response streaming enabled, then the OnBeforeResponse function
    // is actually called AFTER the response was returned to the client.
    //
    // In contrast, this OnPeekAtResponseHeaders function is called before the response headers are
    // sent to the client (and before the body is read from the server).  Hence this is an opportune time
    // to disable streaming (oSession.bBufferResponse = true) if there is something in the response headers
    // which suggests that tampering with the response body is necessary.
    //
    // Note: oSession.responseBodyBytes is not available within this function!
    //
    static function OnPeekAtResponseHeaders(oSession: Session) {
        //FiddlerApplication.Log.LogFormat("Session {0}: Response header peek shows status is {1}", oSession.id, oSession.responseCode);
        if (m_DisableCaching) {
            oSession.oResponse.headers.Remove("Expires");
            oSession.oResponse["Cache-Control"] = "no-cache";
        }

        if ((bpStatus>0) && (oSession.responseCode == bpStatus)) {
            oSession["x-breakresponse"]="status";
            oSession.bBufferResponse = true;
        }

        if ((null!=bpResponseURI) && oSession.uriContains(bpResponseURI)) {
            oSession["x-breakresponse"]="uri";
            oSession.bBufferResponse = true;
        }

    }

    static function OnBeforeResponse(oSession: Session) {
        if (m_Hide304s && oSession.responseCode == 304) {
            oSession["ui-hide"] = "true";
        }
    }

/*
    // This function executes just before Fiddler returns an error that it has
    // itself generated (e.g. "DNS Lookup failure") to the client application.
    // These responses will not run through the OnBeforeResponse function above.
    static function OnReturningError(oSession: Session) {
    }
*/
/*
    // This function executes after Fiddler finishes processing a Session, regardless
    // of whether it succeeded or failed. Note that this typically runs AFTER the last
    // update of the Web Sessions UI listitem, so you must manually refresh the Session's
    // UI if you intend to change it.
    static function OnDone(oSession: Session) {
    }
*/

    // The Main() function runs everytime your FiddlerScript compiles
    static function Main() {
        var today: Date = new Date();
        FiddlerObject.StatusText = " CustomRules.js was loaded at: " + today;

        // Uncomment to add a "Server" column containing the response "Server" header, if present
        // UI.lvSessions.AddBoundColumn("Server", 50, "@response.server");

        // Uncomment to add a global hotkey (Win+G) that invokes the ExecAction method below...
        // UI.RegisterCustomHotkey(HotkeyModifiers.Windows, Keys.G, "screenshot");
    }

    // These static variables are used for simple breakpointing & other QuickExec rules
    BindPref("fiddlerscript.ephemeral.bpRequestURI")
    public static var bpRequestURI:String = null;

    BindPref("fiddlerscript.ephemeral.bpResponseURI")
    public static var bpResponseURI:String = null;

    BindPref("fiddlerscript.ephemeral.bpMethod")
    public static var bpMethod: String = null;

    static var bpStatus:int = -1;
    static var uiBoldURI: String = null;
    static var gs_ReplaceToken: String = null;
    static var gs_ReplaceTokenWith: String = null;
    static var gs_OverridenHost: String = null;
    static var gs_OverrideHostWith: String = null;

    // The OnExecAction function is called by either the QuickExec box in the Fiddler window,
    // or by the ExecAction.exe command line utility.
    static function OnExecAction(sParams: String[]): Boolean {

    FiddlerObject.StatusText = "ExecAction: " + sParams[0];

    var sAction = sParams[0].toLowerCase();
    switch (sAction) {
    case "bold":
        if (sParams.Length<2) {uiBoldURI=null; FiddlerObject.StatusText="Bolding cleared"; return false;}
        uiBoldURI = sParams[1]; FiddlerObject.StatusText="Bolding requests for " + uiBoldURI;
        return true;
    case "bp":
        FiddlerObject.alert("bpu = breakpoint request for uri\nbpm = breakpoint request method\nbps=breakpoint response status\nbpafter = breakpoint response for URI");
        return true;
    case "bps":
        if (sParams.Length<2) {bpStatus=-1; FiddlerObject.StatusText="Response Status breakpoint cleared"; return false;}
        bpStatus = parseInt(sParams[1]); FiddlerObject.StatusText="Response status breakpoint for " + sParams[1];
        return true;
    case "bpv":
    case "bpm":
        if (sParams.Length<2) {bpMethod=null; FiddlerObject.StatusText="Request Method breakpoint cleared"; return false;}
        bpMethod = sParams[1].toUpperCase(); FiddlerObject.StatusText="Request Method breakpoint for " + bpMethod;
        return true;
    case "bpu":
        if (sParams.Length<2) {bpRequestURI=null; FiddlerObject.StatusText="RequestURI breakpoint cleared"; return false;}
        bpRequestURI = sParams[1];
        FiddlerObject.StatusText="RequestURI breakpoint for "+sParams[1];
        return true;
    case "bpa":
    case "bpafter":
        if (sParams.Length<2) {bpResponseURI=null; FiddlerObject.StatusText="ResponseURI breakpoint cleared"; return false;}
        bpResponseURI = sParams[1];
        FiddlerObject.StatusText="ResponseURI breakpoint for "+sParams[1];
        return true;
    case "overridehost":
        if (sParams.Length<3) {gs_OverridenHost=null; FiddlerObject.StatusText="Host Override cleared"; return false;}
        gs_OverridenHost = sParams[1].toLowerCase();
        gs_OverrideHostWith = sParams[2];
        FiddlerObject.StatusText="Connecting to [" + gs_OverrideHostWith + "] for requests to [" + gs_OverridenHost + "]";
        return true;
    case "urlreplace":
        if (sParams.Length<3) {gs_ReplaceToken=null; FiddlerObject.StatusText="URL Replacement cleared"; return false;}
        gs_ReplaceToken = sParams[1];
        gs_ReplaceTokenWith = sParams[2].Replace(" ", "%20");  // Simple helper
        FiddlerObject.StatusText="Replacing [" + gs_ReplaceToken + "] in URIs with [" + gs_ReplaceTokenWith + "]";
        return true;
    case "allbut":
    case "keeponly":
        if (sParams.Length<2) { FiddlerObject.StatusText="Please specify Content-Type to retain during wipe."; return false;}
        UI.actSelectSessionsWithResponseHeaderValue("Content-Type", sParams[1]);
        UI.actRemoveUnselectedSessions();
        UI.lvSessions.SelectedItems.Clear();
        FiddlerObject.StatusText="Removed all but Content-Type: " + sParams[1];
        return true;
    case "stop":
        UI.actDetachProxy();
        return true;
    case "start":
        UI.actAttachProxy();
        return true;
    case "cls":
    case "clear":
        UI.actRemoveAllSessions();
        return true;
    case "g":
    case "go":
        UI.actResumeAllSessions();
        return true;
    case "goto":
        if (sParams.Length != 2) return false;
        Utilities.LaunchHyperlink("http://www.google.com/search?hl=en&btnI=I%27m+Feeling+Lucky&q=" + Utilities.UrlEncode(sParams[1]));
        return true;
    case "help":
        Utilities.LaunchHyperlink("http://fiddler2.com/r/?quickexec");
        return true;
    case "hide":
        UI.actMinimizeToTray();
        return true;
    case "log":
        FiddlerApplication.Log.LogString((sParams.Length<2) ? "User couldn't think of anything to say..." : sParams[1]);
        return true;
    case "nuke":
        UI.actClearWinINETCache();
        UI.actClearWinINETCookies();
        return true;
    case "screenshot":
        UI.actCaptureScreenshot(false);
        return true;
    case "show":
        UI.actRestoreWindow();
        return true;
    case "tail":
        if (sParams.Length<2) { FiddlerObject.StatusText="Please specify # of sessions to trim the session list to."; return false;}
        UI.TrimSessionList(int.Parse(sParams[1]));
        return true;
    case "quit":
        UI.actExit();
        return true;
    case "dump":
        UI.actSelectAll();
        UI.actSaveSessionsToZip(CONFIG.GetPath("Captures") + "dump.saz");
        UI.actRemoveAllSessions();
        FiddlerObject.StatusText = "Dumped all sessions to " + CONFIG.GetPath("Captures") + "dump.saz";
        return true;

    default:
        if (sAction.StartsWith("http") || sAction.StartsWith("www.")) {
            System.Diagnostics.Process.Start(sParams[0]);
            return true;
        }
        else
        {
            FiddlerObject.StatusText = "Requested ExecAction: '" + sAction + "' not found. Type HELP to learn more.";
            return false;
        }
    }
    }
}


[serprex]

Couldn't make a pull request, hm? I'll look into pulling this upstream over weekend

[hainkarga]

[serprex]

https://github.com/serprex/elementstheproxy/commit/bfd8839f5d5350026266363af25be7a986d163b5

[JonathanCrazyJ]

Not gonna lie, I still don't understand.

-Open fiddler.
-Ctrl R.
-Put in the CustomRules notepad what majofa has in that code section.
-Then what? Bear in mind many people have absolutely no idea about how coding, fiddling, or anything technical works. Is there a button? When do I open the webpage?

Thanks guys, this would be really really cool to get working, apreciate your work, I'd just love a propper step by step for dummies like me

[Flayne]

If this gets a lot of attention from the majority of the community, would this be moved to Elements tools section?
so then we don't have to come to general discussion thread or if people are looking for it, they could find it in the tools section?

Alternate Reality =  I'm lazy yet I'm already drowning in the ocean of bookmarks that I still think I need 

[Ginyu]

Not gonna lie, I still don't understand.

-Open fiddler.
-Ctrl R.
-Put in the CustomRules notepad what majofa has in that code section.
-Then what?

Save, open http://elementsthegame.com/spectate.html, enjoy.
For further use, just open fiddler and spectate.

[JonathanCrazyJ]

lol... amazing, thanks Gin XD

[serprex]

@Flayne this has been pulled upstream. So http://elementscommunity.org/forum/elements-tools/elements-the-proxy-%28alt-pvp-server%29 is the thread. It'd be good to merge these topics & update OP of this thread with simpler instructions now that no patching is necessary