If you have opened the web page you are currently editing by dragging an HTML file or by using an open file dialog, then you can simply choose File > Save to save all(!) associated style sheets.
if you have accessed the current page through a server (remote or local), then Xyle scope will ask you to provide a so-called URL-to-file mapping.
To enter and activate URL-to-file mappings choose the corresponding item from the file menu.
Example: Suppose your personal blog resides at http://www.mygreatblog.com. Type that URL in Xyle scope's address field and hit the enter key. Once the web page is completely loaded choose File > URL-to-file mappings. Click the add button on the lower left. If possible Xyle scope will suggest a URL to use for the mapping (the part that all URLs to active style sheets have in common). Now click the choose button to specify a folder on your hard disk. To enable the mapping make sure the check box next to the URL is checked. Click the "Refresh affected pages" button to finish up.
You can now choose File > Save to save all style sheets to your hard disk. You can quit Xyle scope whenever you like (make sure you save your edits first) and return to wherever you left later on. As long as a URL-to-file mapping is active for a given URL, style sheets from the server will be ignored and replaced by the locally stored ones.
Once you are satisfied with the results you can use your favorite FTP tool to upload your updated style sheets.
To export a CSS file, choose "Copy Sheet" from the context menu of the CSS pane. (The context menu can be accessed by ctrl-clicking into the CSS pane.) The source code will be written to the clipboard.
To copy the source code of an HTML element and its descendants to the clipboard, make sure that an HTML element has been selected (e.g. by clicking into an appropriate view). Then choose "Copy" from the "Edit" menu.
CSS and HTML files can be re-opened in an external text editor as long as they reside on local computer and have not been accessed through a web server. To do so, choose "Open ... with..." from the file menu or the context menu of the CSS pane. To enable the "Open CSS with..." menu item, a CSS file needs to be chosen from the popup menu of the CSS view. (The rules listet in the cascade can be exported as a text file as explained above.)
In the process of developing a complex CSS design obsolete rules may sometimes be overlooked. Xylescope offers a special smart group "Currently not applied" to find those rules. However, it is important to note that this smart group only checks the current HTML page. Rules that do not match any HTML element of the given page may still match elements from other pages of your site.
Web locations that are currently viewed in a web browser such as Safari or Firefox can be easily re-opened in Xylescope using a special bookmarklet:
Create a new bookmark in your favorite web browser. Choose a title such as "Open with Xyle scope" and copy the following text into the bookmark's URL field.
javascript:document.location.href='xyle:url='+encodeURIComponent(location.href);
Whenever the bookmark "Open with Xyle scope" is chosen, your web browser will instruct Xylescope to open the current URL in a new window.
Self-signed certificates are often used during the development of secure sites. To enable permanent access to such sites the respective certificates should be added to the users keychain or X509 Anchors as appropriate. For more details please consult Mac Help.
A web browser usually cannot interpret PHP scripts on its own. When opening a PHP file in a web browser only the source code of the file will be displayed. The same limitations apply to Xyle scope. In order to see the results of a PHP script, the script needs to be processed by a web server. The web server integrated into Mac OS X, Apache, can be easily started from system preferences, but the PHP module might not be running by default. Please consult the Apache documentation for further details on how to set up PHP processing.