{"id":97,"date":"2022-12-05T08:00:00","date_gmt":"2022-12-05T16:00:00","guid":{"rendered":"https:\/\/dejal.com\/blog\/?p=97"},"modified":"2022-11-21T20:01:26","modified_gmt":"2022-11-22T04:01:26","slug":"simons-preview-pane","status":"publish","type":"post","link":"https:\/\/dejal.com\/blog\/simons-preview-pane\/","title":{"rendered":"Simon&#8217;s preview pane"},"content":{"rendered":"<body><p><\/p>\n<p>As you know, <a href=\"https:\/\/dejal.com\/simon\/\">Simon<\/a> is a website and server monitoring tool. This mouthful is to try to describe two of the levels at which Simon operates. At the very basic level, Simon is a very simple utility to watch web pages, and let you know when they change or go down. But Simon has much more depth to it \u2014 it enables you to monitor all sorts of internet servers and services, local applications, disk volumes, and more.<\/p>\n<p>The <strong>Preview<\/strong> pane has this duality, too. When used with a web-based test (i.e. one using the <strong>Web Page<\/strong> service), it displays the rendered web page and graphics on the left (which can be interacted with like in a web browser), and the HTML source, web page headers, and filter output on the right:<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" title=\"Web preview\" src=\"https:\/\/i0.wp.com\/dejal.com\/blog\/wp-content\/uploads\/2022\/11\/Web-preview.png?resize=1023%2C373&#038;ssl=1\" alt=\"Web preview\" width=\"1023\" height=\"373\" border=\"0\" loading=\"lazy\"><\/p>\n<p>This is really handy, both to quickly see the page while in Simon, without having to switch to a web browser (which is easy too, via the <strong>File \u25b8 Visit Site<\/strong> command), and when setting up the test in the first place.<\/p>\n<p>The service and filter output are useful, too; you can see the HTML (or other) output, and the output of each filter.<\/p>\n<p>The filters are one of Simon\u2019s key features. This is a page of the test editor, where you can tell Simon to only look at the HTML source between two blocks of text, or find required text, or evaluate numbers, or reformat text, and much more. This enables you to focus on the part of the page you care about, and avoid dynamic portions like banner ads etc. You can easily set this up via the <strong>Preview<\/strong> window. With the test editor open, after entering the URL, show the <strong>Preview<\/strong>\u00a0to display the preview of the page. Then search through the HTML source for interesting portions of the text (click in the HTML then press \u2318F to find text), select it, copy the relevant text, and paste into filter fields.<\/p>\n<p>For example, here\u2019s Apple\u2019s RSS feed, with filters to extract and format the title and body text of the latest news:<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" title=\"RSS prevoew\" src=\"https:\/\/i0.wp.com\/dejal.com\/blog\/wp-content\/uploads\/2022\/11\/RSS-prevoew.png?resize=781%2C636&#038;ssl=1\" alt=\"RSS prevoew\" width=\"781\" height=\"636\" border=\"0\" loading=\"lazy\"><\/p>\n<p>As useful as this is, it\u2019s not done yet. The <strong>Preview<\/strong>\u00a0is also supported by many other services, in a slightly different way. For non-web services, the <strong>Preview<\/strong>\u00a0looks much the same, but without the rendered content. Instead of the HTML source, it shows the output of the service. This is all plain text, since that\u2019s what these services deal with.<\/p>\n<p>For example, here\u2019s the preview of a <strong>Ping<\/strong> test:<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" title=\"Ping preview\" src=\"https:\/\/i0.wp.com\/dejal.com\/blog\/wp-content\/uploads\/2022\/11\/Ping-preview.png?resize=798%2C315&#038;ssl=1\" alt=\"Ping preview\" width=\"798\" height=\"315\" border=\"0\" loading=\"lazy\"><\/p>\n<p>These services support the filters, too: just like with web pages, you can use filters to analyze the output and extract interesting nuggets.<\/p>\n<p>I hope you\u2019ll use the <strong>Preview<\/strong>\u00a0to good advantage when configuring and using Simon.<\/p>\n<p><\/p>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>As you know, Simon is a website and server monitoring tool. This mouthful is to try to describe two of the levels at which Simon operates. At the very basic level, Simon is a very simple utility to watch web pages, and let you know when they change or go down. But Simon has much [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[16,4],"tags":[],"class_list":["post-97","post","type-post","status-publish","format-standard","hentry","category-faq","category-simon"],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/posts\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":1,"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/posts\/97\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/posts\/97\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/media?parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/categories?post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dejal.com\/blog\/wp-json\/wp\/v2\/tags?post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}